/* ==UserStyle==
@name           bilibili-lite
@namespace      tolking-usercss
@version        1.2.25
@description    一个简化的bilibili页面样式，自适应黑暗模式
@author         tolking <qw13131wang@gmail.com> (https://ououe.com)
@homepageURL		https://github.com/tolking/usercss/tree/master/bilibili-lite
@supportURL			https://github.com/tolking/usercss/issues
@updateURL			https://tolking.github.io/usercss/bilibili-lite/index.user.css
@license				MIT
@preprocessor		uso

@advanced  dropdown  defaultTheme  "选择默认主题" {
	auto "跟随系统" <<<EOT
  /*! auto *\/:root{--c-title:/*[[titleColor]]*\/;--c-text:/*[[textColor]]*\/;--c-border:/*[[borderColor]]*\/;--c-background:/*[[backgroundColor]]*\/;--c-hover:/*[[hoverColor]]*\/;--c-accent:/*[[accentColor]]*\/;--c-white:#fff;--c-bg-header:rgba(0, 0, 0, .3);--c-scroll:#7c7d7f;--c-bg-mask:/*[[backgroundMaskColor]]*\/;--bg-image:/*[[backgroundImage]]*\/;}@media(prefers-color-scheme:dark){:root{--c-title:/*[[titleDarkColor]]*\/;--c-text:/*[[textDarkColor]]*\/;--c-border:/*[[borderDarkColor]]*\/;--c-background:/*[[backgroundDarkColor]]*\/;--c-hover:/*[[hoverDarkColor]]*\/}} EOT;
	light "浅色" <<<EOT
  /*! light *\/:root{--c-title:/*[[titleColor]]*\/;--c-text:/*[[textColor]]*\/;--c-border:/*[[borderColor]]*\/;--c-background:/*[[backgroundColor]]*\/;--c-hover:/*[[hoverColor]]*\/;--c-accent:/*[[accentColor]]*\/;--c-white:#fff;--c-bg-header:rgba(0, 0, 0, .3);--c-scroll:#7c7d7f;--c-bg-mask:/*[[backgroundMaskColor]]*\/;--bg-image:/*[[backgroundImage]]*\/;} EOT;
	dark "深色" <<<EOT
  /*! dark *\/:root{--c-title:/*[[titleDarkColor]]*\/;--c-text:/*[[textDarkColor]]*\/;--c-border:/*[[borderDarkColor]]*\/;--c-background:/*[[backgroundDarkColor]]*\/;--c-hover:/*[[hoverDarkColor]]*\/;--c-accent:/*[[accentColor]]*\/;--c-white:#fff;--c-bg-header:rgba(0, 0, 0, .3);--c-scroll:#7c7d7f;--c-bg-mask:/*[[backgroundMaskColor]]*\/;--bg-image:/*[[backgroundImage]]*\/;} EOT;
}
@advanced  color  accentColor  "主色调"  #00a1d6
@advanced  text   backgroundImage  "背景图" "url()"
@advanced  color  backgroundMaskColor  "背景遮罩"  rgba(255,255,255,0)
@advanced  color  titleColor  "浅-主要文本"  #212121
@advanced  color  textColor  "浅-次要文本"  #666
@advanced  color  borderColor  "浅-边框"  #ccc
@advanced  color  backgroundColor  "浅-背景"  #fff
@advanced  color  hoverColor  "浅-次要背景"  rgba(230,230,230,.3)
@advanced  color  titleDarkColor  "深-主要文本"  #e2e2e2
@advanced  color  textDarkColor  "深-次要文本"  #bababa
@advanced  color  borderDarkColor  "深-边框"  #4e4e4e
@advanced  color  backgroundDarkColor  "深-背景"  #25272a
@advanced  color  hoverDarkColor  "深-次要背景"  rgba(20,20,20,.3)
==/UserStyle== */
@-moz-document domain("bilibili.com"), domain("biligame.com") {
  /*[[defaultTheme]]*/
  html {
    height: auto;
    min-height: 100vh;
    background-color: var(--c-background);
    background-image: var(--bg-image, none);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  body {
    height: auto;
    min-height: 100vh;
    overflow-x: hidden;
    background-color: var(--c-bg-mask);
    background-image: none;
  }
  a,
  a div,
  a p,
  a span,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  input,
  textarea,
  .nickname,
  .title,
  .link-title {
    color: var(--c-title) !important;
  }
  body,
  p,
  span,
  li,
  label,
  .count {
    color: var(--c-text) !important;
  }
  div:not(.bilibili-danmaku) {
    color: var(--c-text);
  }
  a:hover,
  a div:hover,
  a p:hover,
  a span:hover,
  .is-vip,
  .is-vip:hover,
  .nickname--red,
  .vip-red-name,
  .name.vip-red-name,
  .bili-header-m .profile-m .big-vip-red,
  .review-author.is-vip,
  .username.is-vip {
    color: var(--c-accent) !important;
  }
  hr {
    border-color: var(--c-border) !important;
    background-color: var(--c-border) !important;
  }
  ::-webkit-input-placeholder {
    color: #d2d2d2;
  }
  :-moz-placeholder {
    color: #d2d2d2;
  }
  ::-moz-placeholder {
    color: #d2d2d2;
  }
  :-ms-input-placeholder {
    color: #d2d2d2;
  }
  ::-webkit-scrollbar {
    max-width: 6px;
    max-height: 12px;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: var(--c-scroll);
  }
  .bili-footer,
  .international-footer,
  .try-feedback,
  .contact-help,
  .mascot,
  .elevator .list-box .item.back-old,
  .van-popper-avatar .coins .info .login-award,
  .page-tab,
  .friendship-link,
  .tab-line-itnl,
  .operate-card,
  .special-recommend,
  .exchange-btn .more,
  .manga-panel .app-download-link,
  .storey-title .text-info,
  .guide,
  .float-nav .nav-menu .mini,
  .float-nav .nav-menu a,
  .v-wrap #bannerAd,
  .v-wrap #right-bottom-banner,
  .v-wrap #live_recommand_report,
  .bili-header-m .profile-m .btns-profile .num-tip,
  .v-wrap .activity-m,
  .banner-card,
  #slide_ad,
  .video-page-game-card,
  .gg-floor-module,
  .primary-menu .nav-menu li.home,
  .main-container .entry-old,
  .main-container .nav-tools .tool-item.mini,
  .main-container .nav-tools a,
  .main-container .pay-bar .vip .img-icon,
  .bb-comment .reply-notice,
  .comment-bilibili-fold .reply-notice {
    display: none;
  }
  .el-radio-button .el-radio-button__inner {
    background-color: var(--c-background) !important;
  }
  .ui-dropdown .ul-dropdown-list .dropdown-item:hover,
  .head .dropdown-menu li.ellipsis:hover,
  .ui-select .ul-select-list .select-item:hover,
  .bili-dropdown .dropdown-list .dropdown-item:hover,
  .time-picker-v2-container .time-picker-body-wrp .time-picker-panel-select-wrp .time-picker-panel-select-item:hover,
  .s-item.active,
  .s-item:hover,
  .el-select-dropdown__item.hover,
  .el-select-dropdown__item:hover,
  .dropbox-component,
  .dropbox-component .data-list>li:hover,
  .bcc-option:hover,
  .ui-calendar .flatpickr-day.inRange,
  .ui-calendar .flatpickr-day.nextMonthDay.inRange,
  .ui-calendar .flatpickr-day.nextMonthDay.today.inRange,
  .ui-calendar .flatpickr-day.nextMonthDay:focus,
  .ui-calendar .flatpickr-day.nextMonthDay:hover,
  .ui-calendar .flatpickr-day.prevMonthDay.inRange,
  .ui-calendar .flatpickr-day.prevMonthDay.today.inRange,
  .ui-calendar .flatpickr-day.prevMonthDay:focus,
  .ui-calendar .flatpickr-day.prevMonthDay:hover,
  .ui-calendar .flatpickr-day.today.inRange,
  .ui-calendar .flatpickr-day:focus,
  .ui-calendar .flatpickr-day:hover,
  .bili-radio+span:before {
    background-color: var(--c-hover) !important;
  }
  .bui-switch .bui-switch-body {
    background-color: var(--c-border) !important;
  }
  .el-date-table td.disabled div,
  .el-year-table td.disabled .cell,
  .el-month-table td.disabled .cell,
  .checkbox {
    background-color: transparent !important;
  }
  .radio-icon.checked::before,
  .ui-radio input[type=radio]:checked+.ui-radio-icon:after,
  .ui-checkbox input[type=checkbox]:checked+.ui-checkbox-icon,
  .el-radio-button.is-active .el-radio-button__inner,
  .user-setting-warp .el-radio-button__orig-radio:checked+.el-radio-button__inner,
  .bcc-checkbox-checked .bcc-checkbox-checkbox,
  .bili-radio:checked+span:after,
  .bui-switch .bui-switch-input:checked+.bui-switch-label .bui-switch-body,
  .check-radio-v2-container .check-radio-v2-box.check-radio-v2-box-checked:after {
    background-color: var(--c-accent) !important;
  }
  .date-picker-v2-container div,
  .s-item.active,
  .s-item:hover,
  .player-auxiliary-danmaku-date-picker-container .player-auxiliary-danmaku-date-picker-body .player-auxiliary-danmaku-date-picker-week .day-span,
  .dropbox-component .current {
    color: var(--c-title) !important;
  }
  .date-picker-v2-container i,
  select {
    color: var(--c-text) !important;
  }
  .el-radio-button.is-active .el-radio-button__inner,
  .link-toast .toast-text {
    color: var(--c-white) !important;
  }
  .ui-select .ul-select-list .select-item.active,
  .ui-select .ul-select-list .select-item:hover,
  .date-panel .day.active,
  .player-auxiliary-danmaku-date-picker-container .player-auxiliary-danmaku-date-picker-body .day-span.day-enable.active,
  .player-auxiliary-danmaku-date-picker-container .player-auxiliary-danmaku-date-picker-body .day-span.day-enable:hover,
  .dropbox-component .data-list>li:hover,
  .bcc-option.selected span,
  .bcc-option:hover span,
  .bcc-option.selected .bcc-iconfont,
  .rookie_content .timer .countdown i {
    color: var(--c-accent) !important;
  }
  .time-picker-v2-container .time-picker-head-wrp,
  .time-picker-v2-container .time-picker-body-wrp .time-picker-panel-select-wrp,
  .date-panel .ym,
  .radio-icon,
  .bp-selector::before,
  .player-auxiliary-danmaku-date-picker-container .player-auxiliary-danmaku-date-picker-header,
  .head .dropdown-menu .article-list,
  .num-content .ticket-count,
  .dropbox-component,
  .el-radio-button .el-radio-button__inner,
  .checkbox,
  .bcc-select-input-wrap,
  .ui-calendar .flatpickr-day.inRange,
  .ui-calendar .flatpickr-day.nextMonthDay.inRange,
  .ui-calendar .flatpickr-day.nextMonthDay.today.inRange,
  .ui-calendar .flatpickr-day.nextMonthDay:focus,
  .ui-calendar .flatpickr-day.nextMonthDay:hover,
  .ui-calendar .flatpickr-day.prevMonthDay.inRange,
  .ui-calendar .flatpickr-day.prevMonthDay.today.inRange,
  .ui-calendar .flatpickr-day.prevMonthDay:focus,
  .ui-calendar .flatpickr-day.prevMonthDay:hover,
  .ui-calendar .flatpickr-day.today.inRange,
  .ui-calendar .flatpickr-day:focus,
  .ui-calendar .flatpickr-day:hover,
  .bcc-checkbox .bcc-checkbox-checkbox,
  .bili-radio+span:before,
  .check-radio-v2-container .check-radio-v2-box {
    border-color: var(--c-border) !important;
  }
  .ui-radio.active .ui-radio-icon,
  .ui-checkbox input[type=checkbox]:checked+.ui-checkbox-icon,
  .date-panel .day.active,
  .el-radio-button.is-active .el-radio-button__inner,
  .user-setting-warp .el-radio-button__orig-radio:checked+.el-radio-button__inner,
  .bcc-checkbox-checked .bcc-checkbox-checkbox,
  .rookie_content .timer .countdown i {
    border-color: var(--c-accent) !important;
  }
  .player-auxiliary-danmaku-date-picker-container .player-auxiliary-danmaku-date-picker-body .day-span {
    border: none !important;
  }
  .bui-switch .bui-switch-dot {
    fill: var(--c-border) !important;
  }
  .bui-switch .bui-switch-input:checked+.bui-switch-label .bui-switch-body .bui-switch-dot {
    fill: var(--c-accent) !important;
  }
  .area-selector,
  .area-panel,
  .ui-dropdown .ul-dropdown-list,
  .dropdown .dropdown-btn,
  .dropdown .dropdown-menu,
  .ui-radio .ui-radio-icon,
  .ui-checkbox .ui-checkbox-icon,
  .ui-select .ui-select-show-box,
  .ui-select .ul-select-list,
  .date-picker-date,
  .date-picker-timer,
  .list-header .filter-wrp .category-wrp,
  .list-header .filter-wrp .order-wrp,
  .ui-dropdown .ui-dropdown-text,
  .date-input,
  .datepicker-popup,
  .calendar-year,
  .bili-dropdown,
  .bili-dropdown .dropdown-list,
  .player-auxiliary-danmaku-date-picker-container,
  .dropbox-component .data-list,
  .bcc-select-list-wrap {
    border: 1px solid var(--c-border) !important;
    background-color: var(--c-background) !important;
    box-shadow: none !important;
  }
  table {
    background-color: var(--c-background) !important;
  }
  table thead tr,
  table tbody tr {
    border-color: var(--c-border) !important;
    background-color: transparent !important;
  }
  table thead tr th,
  table tbody tr th,
  table thead tr td,
  table tbody tr td {
    border-color: var(--c-border) !important;
    box-shadow: none !important;
    background-color: var(--c-background) !important;
    color: var(--c-text) !important;
  }
  table tbody tr:nth-child(odd) td {
    background-color: var(--c-hover) !important;
  }
  .selector {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
  }
  .selector .current,
  .selector .triangle .icon-font {
    color: var(--c-title) !important;
  }
  .selector .data-list {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
  }
  .selector .data-list li {
    transition: background-color 0.3s ease-in-out !important;
  }
  .selector .data-list li:hover {
    background-color: var(--c-hover) !important;
  }
  .check-box {
    border-color: var(--c-border) !important;
  }
  .check-box.checked {
    border-color: var(--c-accent) !important;
    background-color: var(--c-accent) !important;
  }
  .check-box.checked::after {
    color: var(--c-white) !important;
  }
  .bili-switcher,
  .bl-switch,
  .check-radio-v2-2-container,
  .next-button .switch-button {
    border: 1px solid var(--c-border) !important;
    background-color: var(--c-background) !important;
    transition: all 0.3s ease-in-out;
  }
  .bili-switcher::after,
  .bl-switch::after,
  .check-radio-v2-2-container::after,
  .next-button .switch-button::after {
    background-color: var(--c-white) !important;
  }
  .bili-switcher.bl-switch-checked,
  .bl-switch.bl-switch-checked,
  .check-radio-v2-2-container.bl-switch-checked,
  .next-button .switch-button.bl-switch-checked,
  .bili-switcher.checked,
  .bl-switch.checked,
  .check-radio-v2-2-container.checked,
  .next-button .switch-button.checked,
  .bili-switcher.check-radio-v2-2-container-active,
  .bl-switch.check-radio-v2-2-container-active,
  .check-radio-v2-2-container.check-radio-v2-2-container-active,
  .next-button .switch-button.check-radio-v2-2-container-active,
  .bili-switcher.on,
  .bl-switch.on,
  .check-radio-v2-2-container.on,
  .next-button .switch-button.on {
    border-color: var(--c-accent) !important;
    background-color: var(--c-accent) !important;
  }
  .pika-single,
  .date-picker-v2-container,
  .time-picker-v2-container,
  .s-panel,
  .date-panel {
    border: 1px solid var(--c-border) !important;
    background-color: var(--c-background) !important;
  }
  .pika-single .pika-label,
  .date-picker-v2-container .pika-label,
  .time-picker-v2-container .pika-label,
  .s-panel .pika-label,
  .date-panel .pika-label {
    background-color: var(--c-hover) !important;
  }
  .pika-single .pika-table thead,
  .date-picker-v2-container .pika-table thead,
  .time-picker-v2-container .pika-table thead,
  .s-panel .pika-table thead,
  .date-panel .pika-table thead,
  .pika-single .pika-table tbody,
  .date-picker-v2-container .pika-table tbody,
  .time-picker-v2-container .pika-table tbody,
  .s-panel .pika-table tbody,
  .date-panel .pika-table tbody {
    border-color: var(--c-background) !important;
  }
  .pika-single button,
  .date-picker-v2-container button,
  .time-picker-v2-container button,
  .s-panel button,
  .date-panel button {
    background-color: transparent !important;
    color: var(--c-title) !important;
  }
  .pika-single button::after,
  .date-picker-v2-container button::after,
  .time-picker-v2-container button::after,
  .s-panel button::after,
  .date-panel button::after {
    content: none !important;
  }
  .pika-single .is-selected button,
  .date-picker-v2-container .is-selected button,
  .time-picker-v2-container .is-selected button,
  .s-panel .is-selected button,
  .date-panel .is-selected button {
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .ui-calendar .main-wrap {
    border: 1px solid var(--c-border) !important;
    background-color: var(--c-background) !important;
  }
  .ui-calendar .main-wrap .shortmenus {
    border-color: var(--c-border) !important;
    background-color: var(--c-hover) !important;
  }
  .ui-calendar .main-wrap .flatpickr-calendar {
    background-color: var(--c-background) !important;
  }
  .ui-calendar .main-wrap .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg,
  .ui-calendar .main-wrap .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg {
    fill: var(--c-title) !important;
  }
  .ui-calendar .main-wrap .flatpickr-calendar span.flatpickr-weekday {
    color: var(--c-title) !important;
  }
  .ui-calendar .main-wrap .flatpickr-calendar .startRange {
    border-color: var(--c-accent) !important;
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .ui-calendar .main-wrap .flatpickr-calendar .inRange {
    border-color: var(--c-border) !important;
    background-color: var(--c-hover) !important;
  }
  .el-picker-panel,
  .el-picker-panel__footer,
  .el-select-dropdown {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
    color: var(--c-text) !important;
  }
  .el-date-table td.current:not(.disabled) span {
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .el-picker-panel .el-date-picker__header button,
  .el-picker-panel .el-button--text {
    border: 0 !important;
    background-color: transparent !important;
  }
  .el-picker-panel .el-date-picker__header button::after,
  .el-picker-panel .el-button--text::after {
    content: none !important;
  }
  button,
  .button,
  .btn,
  .default-btn,
  .bili-btn,
  .go-top,
  .to-top,
  .backup,
  .paging-box-big .current,
  .pager .pages .page-item.active button,
  .page-wrap .page-list-box .page-item.active,
  .bui-button-blue,
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-electric,
  .bi-btn,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.cursor,
  .main-container .media-info .media-right .media-tool-bar .btn-follow,
  .textarea-container .comm-tool .comm-submit,
  .be-pager-item-active,
  #page-channel-index .channel-option.no-channel .create-channel,
  .favInfo-box .favInfo-details .fav-options .fav-play,
  .bangumi-pagelistbox .p.active,
  .be-pager .be-pager-item.be-pager-item-active,
  .notice-item .notice-btn,
  .follow-btn,
  .btn-sub,
  .btn-close,
  .btn-report,
  .search-button,
  .coin-wrap .coin-sure,
  .bili-dialog-bomb .appeal-box .submit .confirm,
  .security_content .h-safe-btn,
  .security_content .big-member-btn,
  .security_content .big-continuity-card-btn,
  .security_content .close-btn,
  .security_content .pay-left-btn-alone,
  .security_content .points-btn,
  .security_content .go-movie,
  .security_content .user-my-btn .el-button--primary,
  .security_content .tool-change-face,
  .security_content .invitation-btn,
  .security_content .mp-mine-takedown,
  .d-outer .d-state-highlight,
  .d-outer .medal-uninstall-js,
  .module-box .btn-dufault,
  .upLoad .btn-mk2.primary,
  .upLoad .upButton,
  .select-btn,
  .btn-box .like,
  .gift-package,
  .multi-page .cur-list .module-box li.on,
  .rollback-btn,
  .change-img-btn,
  .pagelist .flip-left .active,
  .active-main .back-top,
  .topic-main .back-top,
  .bilibili-player-feedback-submit,
  .sidebar-canvas,
  .cntr .check-all,
  .album-popup-ensure,
  .info-line .attend,
  .link-panigation .panigation.selected,
  .submit-btn,
  .btn-go-write,
  .pagination-container .pagination.active,
  #nav_upload_btn,
  .back-top-box .totop-container.utils-box,
  .upload-v2-step1-container #homeDrop .upload-btn,
  .video-editor-ol-wrp .video-editor-ol-btn,
  .cc-btn,
  .music-upload-wrapper .upload-music-bar-wrapper,
  .create-compilations-btn,
  .compila-condition .compila-right .compila-add,
  .compila-not-find .compila-not-find-ime,
  .contri-not-find .contri-not-find-ime,
  .list-playbtn,
  .send-button,
  .card .focus-btn .unfocus,
  .card .focus-btn .focus,
  .top-header .focus-btn,
  .coin-dialog-mask .coin-operated .coin-bottom .coin-btn,
  .el-pagination.is-background .el-pager li.active,
  .select-type .type-group li.on,
  .music-pagination .current,
  .primary-btn,
  .schedule-list .match-operate.live,
  .btn-follow,
  .pagelistbox .p.active,
  .submit-comment,
  .product-buy,
  .promo-btn,
  .confirm-paybtn.active,
  .searchBtn,
  .hsbtn .sure,
  .coupon-btn,
  .charge-btn-style,
  .article-chart-wrp .tools .btn-group .ui-btn,
  .file-list-v2-container .file-add-btn,
  .submit-button-group-v2-container .submit-btn-group-add,
  .share-modal .copy-btn,
  .coupon-label .container-right .to-use,
  .bind-info .note-footer .btn-group .common-btn.active-btn,
  .pbp-panel-feedback,
  .dialog-btn,
  .watch-later-list header .s-btn,
  .login-btn,
  .vote-btn-box .vote-btn,
  .bcc-pagination-item.selected,
  .qa-area-ol-wrp .qa-area-ol-btn,
  .btn-default,
  .h .h-follow,
  .pendant-list li .pendant-btn,
  .btn-dufault,
  .container .host-list-layout .hot-list-wrap .bg-wrap .top-info-content .right-info .right-btn,
  .song-playbtn,
  .officialAccount-showContent-btn,
  .tag-channel-pane .channel-btns .no-subs,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pack,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pay,
  .pwp-modal-mask .pwp-modal-wrapper .pwp-btn.primary,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:first-child,
  .upload-step-3-container-v2 .upload-3-v2-follow-btn.follow,
  .back-top-btn,
  .video-toolbar .note-btn,
  .material-wrp .header .op .up-btn,
  .selection-button.selected {
    position: relative;
    border-color: var(--c-accent) !important;
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
    overflow: hidden !important;
    vertical-align: top;
    cursor: pointer;
  }
  button span,
  .button span,
  .btn span,
  .default-btn span,
  .bili-btn span,
  .go-top span,
  .to-top span,
  .backup span,
  .paging-box-big .current span,
  .pager .pages .page-item.active button span,
  .page-wrap .page-list-box .page-item.active span,
  .bui-button-blue span,
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-electric span,
  .bi-btn span,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.cursor span,
  .main-container .media-info .media-right .media-tool-bar .btn-follow span,
  .textarea-container .comm-tool .comm-submit span,
  .be-pager-item-active span,
  #page-channel-index .channel-option.no-channel .create-channel span,
  .favInfo-box .favInfo-details .fav-options .fav-play span,
  .bangumi-pagelistbox .p.active span,
  .be-pager .be-pager-item.be-pager-item-active span,
  .notice-item .notice-btn span,
  .follow-btn span,
  .btn-sub span,
  .btn-close span,
  .btn-report span,
  .search-button span,
  .coin-wrap .coin-sure span,
  .bili-dialog-bomb .appeal-box .submit .confirm span,
  .security_content .h-safe-btn span,
  .security_content .big-member-btn span,
  .security_content .big-continuity-card-btn span,
  .security_content .close-btn span,
  .security_content .pay-left-btn-alone span,
  .security_content .points-btn span,
  .security_content .go-movie span,
  .security_content .user-my-btn .el-button--primary span,
  .security_content .tool-change-face span,
  .security_content .invitation-btn span,
  .security_content .mp-mine-takedown span,
  .d-outer .d-state-highlight span,
  .d-outer .medal-uninstall-js span,
  .module-box .btn-dufault span,
  .upLoad .btn-mk2.primary span,
  .upLoad .upButton span,
  .select-btn span,
  .btn-box .like span,
  .gift-package span,
  .multi-page .cur-list .module-box li.on span,
  .rollback-btn span,
  .change-img-btn span,
  .pagelist .flip-left .active span,
  .active-main .back-top span,
  .topic-main .back-top span,
  .bilibili-player-feedback-submit span,
  .sidebar-canvas span,
  .cntr .check-all span,
  .album-popup-ensure span,
  .info-line .attend span,
  .link-panigation .panigation.selected span,
  .submit-btn span,
  .btn-go-write span,
  .pagination-container .pagination.active span,
  #nav_upload_btn span,
  .back-top-box .totop-container.utils-box span,
  .upload-v2-step1-container #homeDrop .upload-btn span,
  .video-editor-ol-wrp .video-editor-ol-btn span,
  .cc-btn span,
  .music-upload-wrapper .upload-music-bar-wrapper span,
  .create-compilations-btn span,
  .compila-condition .compila-right .compila-add span,
  .compila-not-find .compila-not-find-ime span,
  .contri-not-find .contri-not-find-ime span,
  .list-playbtn span,
  .send-button span,
  .card .focus-btn .unfocus span,
  .card .focus-btn .focus span,
  .top-header .focus-btn span,
  .coin-dialog-mask .coin-operated .coin-bottom .coin-btn span,
  .el-pagination.is-background .el-pager li.active span,
  .select-type .type-group li.on span,
  .music-pagination .current span,
  .primary-btn span,
  .schedule-list .match-operate.live span,
  .btn-follow span,
  .pagelistbox .p.active span,
  .submit-comment span,
  .product-buy span,
  .promo-btn span,
  .confirm-paybtn.active span,
  .searchBtn span,
  .hsbtn .sure span,
  .coupon-btn span,
  .charge-btn-style span,
  .article-chart-wrp .tools .btn-group .ui-btn span,
  .file-list-v2-container .file-add-btn span,
  .submit-button-group-v2-container .submit-btn-group-add span,
  .share-modal .copy-btn span,
  .coupon-label .container-right .to-use span,
  .bind-info .note-footer .btn-group .common-btn.active-btn span,
  .pbp-panel-feedback span,
  .dialog-btn span,
  .watch-later-list header .s-btn span,
  .login-btn span,
  .vote-btn-box .vote-btn span,
  .bcc-pagination-item.selected span,
  .qa-area-ol-wrp .qa-area-ol-btn span,
  .btn-default span,
  .h .h-follow span,
  .pendant-list li .pendant-btn span,
  .btn-dufault span,
  .container .host-list-layout .hot-list-wrap .bg-wrap .top-info-content .right-info .right-btn span,
  .song-playbtn span,
  .officialAccount-showContent-btn span,
  .tag-channel-pane .channel-btns .no-subs span,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pack span,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pay span,
  .pwp-modal-mask .pwp-modal-wrapper .pwp-btn.primary span,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:first-child span,
  .upload-step-3-container-v2 .upload-3-v2-follow-btn.follow span,
  .back-top-btn span,
  .video-toolbar .note-btn span,
  .material-wrp .header .op .up-btn span,
  .selection-button.selected span,
  button i.bcc-iconfont,
  .button i.bcc-iconfont,
  .btn i.bcc-iconfont,
  .default-btn i.bcc-iconfont,
  .bili-btn i.bcc-iconfont,
  .go-top i.bcc-iconfont,
  .to-top i.bcc-iconfont,
  .backup i.bcc-iconfont,
  .paging-box-big .current i.bcc-iconfont,
  .pager .pages .page-item.active button i.bcc-iconfont,
  .page-wrap .page-list-box .page-item.active i.bcc-iconfont,
  .bui-button-blue i.bcc-iconfont,
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-electric i.bcc-iconfont,
  .bi-btn i.bcc-iconfont,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.cursor i.bcc-iconfont,
  .main-container .media-info .media-right .media-tool-bar .btn-follow i.bcc-iconfont,
  .textarea-container .comm-tool .comm-submit i.bcc-iconfont,
  .be-pager-item-active i.bcc-iconfont,
  #page-channel-index .channel-option.no-channel .create-channel i.bcc-iconfont,
  .favInfo-box .favInfo-details .fav-options .fav-play i.bcc-iconfont,
  .bangumi-pagelistbox .p.active i.bcc-iconfont,
  .be-pager .be-pager-item.be-pager-item-active i.bcc-iconfont,
  .notice-item .notice-btn i.bcc-iconfont,
  .follow-btn i.bcc-iconfont,
  .btn-sub i.bcc-iconfont,
  .btn-close i.bcc-iconfont,
  .btn-report i.bcc-iconfont,
  .search-button i.bcc-iconfont,
  .coin-wrap .coin-sure i.bcc-iconfont,
  .bili-dialog-bomb .appeal-box .submit .confirm i.bcc-iconfont,
  .security_content .h-safe-btn i.bcc-iconfont,
  .security_content .big-member-btn i.bcc-iconfont,
  .security_content .big-continuity-card-btn i.bcc-iconfont,
  .security_content .close-btn i.bcc-iconfont,
  .security_content .pay-left-btn-alone i.bcc-iconfont,
  .security_content .points-btn i.bcc-iconfont,
  .security_content .go-movie i.bcc-iconfont,
  .security_content .user-my-btn .el-button--primary i.bcc-iconfont,
  .security_content .tool-change-face i.bcc-iconfont,
  .security_content .invitation-btn i.bcc-iconfont,
  .security_content .mp-mine-takedown i.bcc-iconfont,
  .d-outer .d-state-highlight i.bcc-iconfont,
  .d-outer .medal-uninstall-js i.bcc-iconfont,
  .module-box .btn-dufault i.bcc-iconfont,
  .upLoad .btn-mk2.primary i.bcc-iconfont,
  .upLoad .upButton i.bcc-iconfont,
  .select-btn i.bcc-iconfont,
  .btn-box .like i.bcc-iconfont,
  .gift-package i.bcc-iconfont,
  .multi-page .cur-list .module-box li.on i.bcc-iconfont,
  .rollback-btn i.bcc-iconfont,
  .change-img-btn i.bcc-iconfont,
  .pagelist .flip-left .active i.bcc-iconfont,
  .active-main .back-top i.bcc-iconfont,
  .topic-main .back-top i.bcc-iconfont,
  .bilibili-player-feedback-submit i.bcc-iconfont,
  .sidebar-canvas i.bcc-iconfont,
  .cntr .check-all i.bcc-iconfont,
  .album-popup-ensure i.bcc-iconfont,
  .info-line .attend i.bcc-iconfont,
  .link-panigation .panigation.selected i.bcc-iconfont,
  .submit-btn i.bcc-iconfont,
  .btn-go-write i.bcc-iconfont,
  .pagination-container .pagination.active i.bcc-iconfont,
  #nav_upload_btn i.bcc-iconfont,
  .back-top-box .totop-container.utils-box i.bcc-iconfont,
  .upload-v2-step1-container #homeDrop .upload-btn i.bcc-iconfont,
  .video-editor-ol-wrp .video-editor-ol-btn i.bcc-iconfont,
  .cc-btn i.bcc-iconfont,
  .music-upload-wrapper .upload-music-bar-wrapper i.bcc-iconfont,
  .create-compilations-btn i.bcc-iconfont,
  .compila-condition .compila-right .compila-add i.bcc-iconfont,
  .compila-not-find .compila-not-find-ime i.bcc-iconfont,
  .contri-not-find .contri-not-find-ime i.bcc-iconfont,
  .list-playbtn i.bcc-iconfont,
  .send-button i.bcc-iconfont,
  .card .focus-btn .unfocus i.bcc-iconfont,
  .card .focus-btn .focus i.bcc-iconfont,
  .top-header .focus-btn i.bcc-iconfont,
  .coin-dialog-mask .coin-operated .coin-bottom .coin-btn i.bcc-iconfont,
  .el-pagination.is-background .el-pager li.active i.bcc-iconfont,
  .select-type .type-group li.on i.bcc-iconfont,
  .music-pagination .current i.bcc-iconfont,
  .primary-btn i.bcc-iconfont,
  .schedule-list .match-operate.live i.bcc-iconfont,
  .btn-follow i.bcc-iconfont,
  .pagelistbox .p.active i.bcc-iconfont,
  .submit-comment i.bcc-iconfont,
  .product-buy i.bcc-iconfont,
  .promo-btn i.bcc-iconfont,
  .confirm-paybtn.active i.bcc-iconfont,
  .searchBtn i.bcc-iconfont,
  .hsbtn .sure i.bcc-iconfont,
  .coupon-btn i.bcc-iconfont,
  .charge-btn-style i.bcc-iconfont,
  .article-chart-wrp .tools .btn-group .ui-btn i.bcc-iconfont,
  .file-list-v2-container .file-add-btn i.bcc-iconfont,
  .submit-button-group-v2-container .submit-btn-group-add i.bcc-iconfont,
  .share-modal .copy-btn i.bcc-iconfont,
  .coupon-label .container-right .to-use i.bcc-iconfont,
  .bind-info .note-footer .btn-group .common-btn.active-btn i.bcc-iconfont,
  .pbp-panel-feedback i.bcc-iconfont,
  .dialog-btn i.bcc-iconfont,
  .watch-later-list header .s-btn i.bcc-iconfont,
  .login-btn i.bcc-iconfont,
  .vote-btn-box .vote-btn i.bcc-iconfont,
  .bcc-pagination-item.selected i.bcc-iconfont,
  .qa-area-ol-wrp .qa-area-ol-btn i.bcc-iconfont,
  .btn-default i.bcc-iconfont,
  .h .h-follow i.bcc-iconfont,
  .pendant-list li .pendant-btn i.bcc-iconfont,
  .btn-dufault i.bcc-iconfont,
  .container .host-list-layout .hot-list-wrap .bg-wrap .top-info-content .right-info .right-btn i.bcc-iconfont,
  .song-playbtn i.bcc-iconfont,
  .officialAccount-showContent-btn i.bcc-iconfont,
  .tag-channel-pane .channel-btns .no-subs i.bcc-iconfont,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pack i.bcc-iconfont,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pay i.bcc-iconfont,
  .pwp-modal-mask .pwp-modal-wrapper .pwp-btn.primary i.bcc-iconfont,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:first-child i.bcc-iconfont,
  .upload-step-3-container-v2 .upload-3-v2-follow-btn.follow i.bcc-iconfont,
  .back-top-btn i.bcc-iconfont,
  .video-toolbar .note-btn i.bcc-iconfont,
  .material-wrp .header .op .up-btn i.bcc-iconfont,
  .selection-button.selected i.bcc-iconfont {
    color: var(--c-white) !important;
  }
  button::after,
  .button::after,
  .btn::after,
  .default-btn::after,
  .bili-btn::after,
  .go-top::after,
  .to-top::after,
  .backup::after,
  .paging-box-big .current::after,
  .pager .pages .page-item.active button::after,
  .page-wrap .page-list-box .page-item.active::after,
  .bui-button-blue::after,
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-electric::after,
  .bi-btn::after,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.cursor::after,
  .main-container .media-info .media-right .media-tool-bar .btn-follow::after,
  .textarea-container .comm-tool .comm-submit::after,
  .be-pager-item-active::after,
  #page-channel-index .channel-option.no-channel .create-channel::after,
  .favInfo-box .favInfo-details .fav-options .fav-play::after,
  .bangumi-pagelistbox .p.active::after,
  .be-pager .be-pager-item.be-pager-item-active::after,
  .notice-item .notice-btn::after,
  .follow-btn::after,
  .btn-sub::after,
  .btn-close::after,
  .btn-report::after,
  .search-button::after,
  .coin-wrap .coin-sure::after,
  .bili-dialog-bomb .appeal-box .submit .confirm::after,
  .security_content .h-safe-btn::after,
  .security_content .big-member-btn::after,
  .security_content .big-continuity-card-btn::after,
  .security_content .close-btn::after,
  .security_content .pay-left-btn-alone::after,
  .security_content .points-btn::after,
  .security_content .go-movie::after,
  .security_content .user-my-btn .el-button--primary::after,
  .security_content .tool-change-face::after,
  .security_content .invitation-btn::after,
  .security_content .mp-mine-takedown::after,
  .d-outer .d-state-highlight::after,
  .d-outer .medal-uninstall-js::after,
  .module-box .btn-dufault::after,
  .upLoad .btn-mk2.primary::after,
  .upLoad .upButton::after,
  .select-btn::after,
  .btn-box .like::after,
  .gift-package::after,
  .multi-page .cur-list .module-box li.on::after,
  .rollback-btn::after,
  .change-img-btn::after,
  .pagelist .flip-left .active::after,
  .active-main .back-top::after,
  .topic-main .back-top::after,
  .bilibili-player-feedback-submit::after,
  .sidebar-canvas::after,
  .cntr .check-all::after,
  .album-popup-ensure::after,
  .info-line .attend::after,
  .link-panigation .panigation.selected::after,
  .submit-btn::after,
  .btn-go-write::after,
  .pagination-container .pagination.active::after,
  #nav_upload_btn::after,
  .back-top-box .totop-container.utils-box::after,
  .upload-v2-step1-container #homeDrop .upload-btn::after,
  .video-editor-ol-wrp .video-editor-ol-btn::after,
  .cc-btn::after,
  .music-upload-wrapper .upload-music-bar-wrapper::after,
  .create-compilations-btn::after,
  .compila-condition .compila-right .compila-add::after,
  .compila-not-find .compila-not-find-ime::after,
  .contri-not-find .contri-not-find-ime::after,
  .list-playbtn::after,
  .send-button::after,
  .card .focus-btn .unfocus::after,
  .card .focus-btn .focus::after,
  .top-header .focus-btn::after,
  .coin-dialog-mask .coin-operated .coin-bottom .coin-btn::after,
  .el-pagination.is-background .el-pager li.active::after,
  .select-type .type-group li.on::after,
  .music-pagination .current::after,
  .primary-btn::after,
  .schedule-list .match-operate.live::after,
  .btn-follow::after,
  .pagelistbox .p.active::after,
  .submit-comment::after,
  .product-buy::after,
  .promo-btn::after,
  .confirm-paybtn.active::after,
  .searchBtn::after,
  .hsbtn .sure::after,
  .coupon-btn::after,
  .charge-btn-style::after,
  .article-chart-wrp .tools .btn-group .ui-btn::after,
  .file-list-v2-container .file-add-btn::after,
  .submit-button-group-v2-container .submit-btn-group-add::after,
  .share-modal .copy-btn::after,
  .coupon-label .container-right .to-use::after,
  .bind-info .note-footer .btn-group .common-btn.active-btn::after,
  .pbp-panel-feedback::after,
  .dialog-btn::after,
  .watch-later-list header .s-btn::after,
  .login-btn::after,
  .vote-btn-box .vote-btn::after,
  .bcc-pagination-item.selected::after,
  .qa-area-ol-wrp .qa-area-ol-btn::after,
  .btn-default::after,
  .h .h-follow::after,
  .pendant-list li .pendant-btn::after,
  .btn-dufault::after,
  .container .host-list-layout .hot-list-wrap .bg-wrap .top-info-content .right-info .right-btn::after,
  .song-playbtn::after,
  .officialAccount-showContent-btn::after,
  .tag-channel-pane .channel-btns .no-subs::after,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pack::after,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pay::after,
  .pwp-modal-mask .pwp-modal-wrapper .pwp-btn.primary::after,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:first-child::after,
  .upload-step-3-container-v2 .upload-3-v2-follow-btn.follow::after,
  .back-top-btn::after,
  .video-toolbar .note-btn::after,
  .material-wrp .header .op .up-btn::after,
  .selection-button.selected::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(70deg, transparent 20%, rgba(255,255,255,0.3), transparent 80%);
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out !important;
  }
  button:hover,
  .button:hover,
  .btn:hover,
  .default-btn:hover,
  .bili-btn:hover,
  .go-top:hover,
  .to-top:hover,
  .backup:hover,
  .paging-box-big .current:hover,
  .pager .pages .page-item.active button:hover,
  .page-wrap .page-list-box .page-item.active:hover,
  .bui-button-blue:hover,
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-electric:hover,
  .bi-btn:hover,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.cursor:hover,
  .main-container .media-info .media-right .media-tool-bar .btn-follow:hover,
  .textarea-container .comm-tool .comm-submit:hover,
  .be-pager-item-active:hover,
  #page-channel-index .channel-option.no-channel .create-channel:hover,
  .favInfo-box .favInfo-details .fav-options .fav-play:hover,
  .bangumi-pagelistbox .p.active:hover,
  .be-pager .be-pager-item.be-pager-item-active:hover,
  .notice-item .notice-btn:hover,
  .follow-btn:hover,
  .btn-sub:hover,
  .btn-close:hover,
  .btn-report:hover,
  .search-button:hover,
  .coin-wrap .coin-sure:hover,
  .bili-dialog-bomb .appeal-box .submit .confirm:hover,
  .security_content .h-safe-btn:hover,
  .security_content .big-member-btn:hover,
  .security_content .big-continuity-card-btn:hover,
  .security_content .close-btn:hover,
  .security_content .pay-left-btn-alone:hover,
  .security_content .points-btn:hover,
  .security_content .go-movie:hover,
  .security_content .user-my-btn .el-button--primary:hover,
  .security_content .tool-change-face:hover,
  .security_content .invitation-btn:hover,
  .security_content .mp-mine-takedown:hover,
  .d-outer .d-state-highlight:hover,
  .d-outer .medal-uninstall-js:hover,
  .module-box .btn-dufault:hover,
  .upLoad .btn-mk2.primary:hover,
  .upLoad .upButton:hover,
  .select-btn:hover,
  .btn-box .like:hover,
  .gift-package:hover,
  .multi-page .cur-list .module-box li.on:hover,
  .rollback-btn:hover,
  .change-img-btn:hover,
  .pagelist .flip-left .active:hover,
  .active-main .back-top:hover,
  .topic-main .back-top:hover,
  .bilibili-player-feedback-submit:hover,
  .sidebar-canvas:hover,
  .cntr .check-all:hover,
  .album-popup-ensure:hover,
  .info-line .attend:hover,
  .link-panigation .panigation.selected:hover,
  .submit-btn:hover,
  .btn-go-write:hover,
  .pagination-container .pagination.active:hover,
  #nav_upload_btn:hover,
  .back-top-box .totop-container.utils-box:hover,
  .upload-v2-step1-container #homeDrop .upload-btn:hover,
  .video-editor-ol-wrp .video-editor-ol-btn:hover,
  .cc-btn:hover,
  .music-upload-wrapper .upload-music-bar-wrapper:hover,
  .create-compilations-btn:hover,
  .compila-condition .compila-right .compila-add:hover,
  .compila-not-find .compila-not-find-ime:hover,
  .contri-not-find .contri-not-find-ime:hover,
  .list-playbtn:hover,
  .send-button:hover,
  .card .focus-btn .unfocus:hover,
  .card .focus-btn .focus:hover,
  .top-header .focus-btn:hover,
  .coin-dialog-mask .coin-operated .coin-bottom .coin-btn:hover,
  .el-pagination.is-background .el-pager li.active:hover,
  .select-type .type-group li.on:hover,
  .music-pagination .current:hover,
  .primary-btn:hover,
  .schedule-list .match-operate.live:hover,
  .btn-follow:hover,
  .pagelistbox .p.active:hover,
  .submit-comment:hover,
  .product-buy:hover,
  .promo-btn:hover,
  .confirm-paybtn.active:hover,
  .searchBtn:hover,
  .hsbtn .sure:hover,
  .coupon-btn:hover,
  .charge-btn-style:hover,
  .article-chart-wrp .tools .btn-group .ui-btn:hover,
  .file-list-v2-container .file-add-btn:hover,
  .submit-button-group-v2-container .submit-btn-group-add:hover,
  .share-modal .copy-btn:hover,
  .coupon-label .container-right .to-use:hover,
  .bind-info .note-footer .btn-group .common-btn.active-btn:hover,
  .pbp-panel-feedback:hover,
  .dialog-btn:hover,
  .watch-later-list header .s-btn:hover,
  .login-btn:hover,
  .vote-btn-box .vote-btn:hover,
  .bcc-pagination-item.selected:hover,
  .qa-area-ol-wrp .qa-area-ol-btn:hover,
  .btn-default:hover,
  .h .h-follow:hover,
  .pendant-list li .pendant-btn:hover,
  .btn-dufault:hover,
  .container .host-list-layout .hot-list-wrap .bg-wrap .top-info-content .right-info .right-btn:hover,
  .song-playbtn:hover,
  .officialAccount-showContent-btn:hover,
  .tag-channel-pane .channel-btns .no-subs:hover,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pack:hover,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pay:hover,
  .pwp-modal-mask .pwp-modal-wrapper .pwp-btn.primary:hover,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:first-child:hover,
  .upload-step-3-container-v2 .upload-3-v2-follow-btn.follow:hover,
  .back-top-btn:hover,
  .video-toolbar .note-btn:hover,
  .material-wrp .header .op .up-btn:hover,
  .selection-button.selected:hover {
    color: var(--c-white) !important;
  }
  button:hover span,
  .button:hover span,
  .btn:hover span,
  .default-btn:hover span,
  .bili-btn:hover span,
  .go-top:hover span,
  .to-top:hover span,
  .backup:hover span,
  .paging-box-big .current:hover span,
  .pager .pages .page-item.active button:hover span,
  .page-wrap .page-list-box .page-item.active:hover span,
  .bui-button-blue:hover span,
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-electric:hover span,
  .bi-btn:hover span,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.cursor:hover span,
  .main-container .media-info .media-right .media-tool-bar .btn-follow:hover span,
  .textarea-container .comm-tool .comm-submit:hover span,
  .be-pager-item-active:hover span,
  #page-channel-index .channel-option.no-channel .create-channel:hover span,
  .favInfo-box .favInfo-details .fav-options .fav-play:hover span,
  .bangumi-pagelistbox .p.active:hover span,
  .be-pager .be-pager-item.be-pager-item-active:hover span,
  .notice-item .notice-btn:hover span,
  .follow-btn:hover span,
  .btn-sub:hover span,
  .btn-close:hover span,
  .btn-report:hover span,
  .search-button:hover span,
  .coin-wrap .coin-sure:hover span,
  .bili-dialog-bomb .appeal-box .submit .confirm:hover span,
  .security_content .h-safe-btn:hover span,
  .security_content .big-member-btn:hover span,
  .security_content .big-continuity-card-btn:hover span,
  .security_content .close-btn:hover span,
  .security_content .pay-left-btn-alone:hover span,
  .security_content .points-btn:hover span,
  .security_content .go-movie:hover span,
  .security_content .user-my-btn .el-button--primary:hover span,
  .security_content .tool-change-face:hover span,
  .security_content .invitation-btn:hover span,
  .security_content .mp-mine-takedown:hover span,
  .d-outer .d-state-highlight:hover span,
  .d-outer .medal-uninstall-js:hover span,
  .module-box .btn-dufault:hover span,
  .upLoad .btn-mk2.primary:hover span,
  .upLoad .upButton:hover span,
  .select-btn:hover span,
  .btn-box .like:hover span,
  .gift-package:hover span,
  .multi-page .cur-list .module-box li.on:hover span,
  .rollback-btn:hover span,
  .change-img-btn:hover span,
  .pagelist .flip-left .active:hover span,
  .active-main .back-top:hover span,
  .topic-main .back-top:hover span,
  .bilibili-player-feedback-submit:hover span,
  .sidebar-canvas:hover span,
  .cntr .check-all:hover span,
  .album-popup-ensure:hover span,
  .info-line .attend:hover span,
  .link-panigation .panigation.selected:hover span,
  .submit-btn:hover span,
  .btn-go-write:hover span,
  .pagination-container .pagination.active:hover span,
  #nav_upload_btn:hover span,
  .back-top-box .totop-container.utils-box:hover span,
  .upload-v2-step1-container #homeDrop .upload-btn:hover span,
  .video-editor-ol-wrp .video-editor-ol-btn:hover span,
  .cc-btn:hover span,
  .music-upload-wrapper .upload-music-bar-wrapper:hover span,
  .create-compilations-btn:hover span,
  .compila-condition .compila-right .compila-add:hover span,
  .compila-not-find .compila-not-find-ime:hover span,
  .contri-not-find .contri-not-find-ime:hover span,
  .list-playbtn:hover span,
  .send-button:hover span,
  .card .focus-btn .unfocus:hover span,
  .card .focus-btn .focus:hover span,
  .top-header .focus-btn:hover span,
  .coin-dialog-mask .coin-operated .coin-bottom .coin-btn:hover span,
  .el-pagination.is-background .el-pager li.active:hover span,
  .select-type .type-group li.on:hover span,
  .music-pagination .current:hover span,
  .primary-btn:hover span,
  .schedule-list .match-operate.live:hover span,
  .btn-follow:hover span,
  .pagelistbox .p.active:hover span,
  .submit-comment:hover span,
  .product-buy:hover span,
  .promo-btn:hover span,
  .confirm-paybtn.active:hover span,
  .searchBtn:hover span,
  .hsbtn .sure:hover span,
  .coupon-btn:hover span,
  .charge-btn-style:hover span,
  .article-chart-wrp .tools .btn-group .ui-btn:hover span,
  .file-list-v2-container .file-add-btn:hover span,
  .submit-button-group-v2-container .submit-btn-group-add:hover span,
  .share-modal .copy-btn:hover span,
  .coupon-label .container-right .to-use:hover span,
  .bind-info .note-footer .btn-group .common-btn.active-btn:hover span,
  .pbp-panel-feedback:hover span,
  .dialog-btn:hover span,
  .watch-later-list header .s-btn:hover span,
  .login-btn:hover span,
  .vote-btn-box .vote-btn:hover span,
  .bcc-pagination-item.selected:hover span,
  .qa-area-ol-wrp .qa-area-ol-btn:hover span,
  .btn-default:hover span,
  .h .h-follow:hover span,
  .pendant-list li .pendant-btn:hover span,
  .btn-dufault:hover span,
  .container .host-list-layout .hot-list-wrap .bg-wrap .top-info-content .right-info .right-btn:hover span,
  .song-playbtn:hover span,
  .officialAccount-showContent-btn:hover span,
  .tag-channel-pane .channel-btns .no-subs:hover span,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pack:hover span,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pay:hover span,
  .pwp-modal-mask .pwp-modal-wrapper .pwp-btn.primary:hover span,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:first-child:hover span,
  .upload-step-3-container-v2 .upload-3-v2-follow-btn.follow:hover span,
  .back-top-btn:hover span,
  .video-toolbar .note-btn:hover span,
  .material-wrp .header .op .up-btn:hover span,
  .selection-button.selected:hover span,
  button:hover i.bcc-iconfont,
  .button:hover i.bcc-iconfont,
  .btn:hover i.bcc-iconfont,
  .default-btn:hover i.bcc-iconfont,
  .bili-btn:hover i.bcc-iconfont,
  .go-top:hover i.bcc-iconfont,
  .to-top:hover i.bcc-iconfont,
  .backup:hover i.bcc-iconfont,
  .paging-box-big .current:hover i.bcc-iconfont,
  .pager .pages .page-item.active button:hover i.bcc-iconfont,
  .page-wrap .page-list-box .page-item.active:hover i.bcc-iconfont,
  .bui-button-blue:hover i.bcc-iconfont,
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-electric:hover i.bcc-iconfont,
  .bi-btn:hover i.bcc-iconfont,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.cursor:hover i.bcc-iconfont,
  .main-container .media-info .media-right .media-tool-bar .btn-follow:hover i.bcc-iconfont,
  .textarea-container .comm-tool .comm-submit:hover i.bcc-iconfont,
  .be-pager-item-active:hover i.bcc-iconfont,
  #page-channel-index .channel-option.no-channel .create-channel:hover i.bcc-iconfont,
  .favInfo-box .favInfo-details .fav-options .fav-play:hover i.bcc-iconfont,
  .bangumi-pagelistbox .p.active:hover i.bcc-iconfont,
  .be-pager .be-pager-item.be-pager-item-active:hover i.bcc-iconfont,
  .notice-item .notice-btn:hover i.bcc-iconfont,
  .follow-btn:hover i.bcc-iconfont,
  .btn-sub:hover i.bcc-iconfont,
  .btn-close:hover i.bcc-iconfont,
  .btn-report:hover i.bcc-iconfont,
  .search-button:hover i.bcc-iconfont,
  .coin-wrap .coin-sure:hover i.bcc-iconfont,
  .bili-dialog-bomb .appeal-box .submit .confirm:hover i.bcc-iconfont,
  .security_content .h-safe-btn:hover i.bcc-iconfont,
  .security_content .big-member-btn:hover i.bcc-iconfont,
  .security_content .big-continuity-card-btn:hover i.bcc-iconfont,
  .security_content .close-btn:hover i.bcc-iconfont,
  .security_content .pay-left-btn-alone:hover i.bcc-iconfont,
  .security_content .points-btn:hover i.bcc-iconfont,
  .security_content .go-movie:hover i.bcc-iconfont,
  .security_content .user-my-btn .el-button--primary:hover i.bcc-iconfont,
  .security_content .tool-change-face:hover i.bcc-iconfont,
  .security_content .invitation-btn:hover i.bcc-iconfont,
  .security_content .mp-mine-takedown:hover i.bcc-iconfont,
  .d-outer .d-state-highlight:hover i.bcc-iconfont,
  .d-outer .medal-uninstall-js:hover i.bcc-iconfont,
  .module-box .btn-dufault:hover i.bcc-iconfont,
  .upLoad .btn-mk2.primary:hover i.bcc-iconfont,
  .upLoad .upButton:hover i.bcc-iconfont,
  .select-btn:hover i.bcc-iconfont,
  .btn-box .like:hover i.bcc-iconfont,
  .gift-package:hover i.bcc-iconfont,
  .multi-page .cur-list .module-box li.on:hover i.bcc-iconfont,
  .rollback-btn:hover i.bcc-iconfont,
  .change-img-btn:hover i.bcc-iconfont,
  .pagelist .flip-left .active:hover i.bcc-iconfont,
  .active-main .back-top:hover i.bcc-iconfont,
  .topic-main .back-top:hover i.bcc-iconfont,
  .bilibili-player-feedback-submit:hover i.bcc-iconfont,
  .sidebar-canvas:hover i.bcc-iconfont,
  .cntr .check-all:hover i.bcc-iconfont,
  .album-popup-ensure:hover i.bcc-iconfont,
  .info-line .attend:hover i.bcc-iconfont,
  .link-panigation .panigation.selected:hover i.bcc-iconfont,
  .submit-btn:hover i.bcc-iconfont,
  .btn-go-write:hover i.bcc-iconfont,
  .pagination-container .pagination.active:hover i.bcc-iconfont,
  #nav_upload_btn:hover i.bcc-iconfont,
  .back-top-box .totop-container.utils-box:hover i.bcc-iconfont,
  .upload-v2-step1-container #homeDrop .upload-btn:hover i.bcc-iconfont,
  .video-editor-ol-wrp .video-editor-ol-btn:hover i.bcc-iconfont,
  .cc-btn:hover i.bcc-iconfont,
  .music-upload-wrapper .upload-music-bar-wrapper:hover i.bcc-iconfont,
  .create-compilations-btn:hover i.bcc-iconfont,
  .compila-condition .compila-right .compila-add:hover i.bcc-iconfont,
  .compila-not-find .compila-not-find-ime:hover i.bcc-iconfont,
  .contri-not-find .contri-not-find-ime:hover i.bcc-iconfont,
  .list-playbtn:hover i.bcc-iconfont,
  .send-button:hover i.bcc-iconfont,
  .card .focus-btn .unfocus:hover i.bcc-iconfont,
  .card .focus-btn .focus:hover i.bcc-iconfont,
  .top-header .focus-btn:hover i.bcc-iconfont,
  .coin-dialog-mask .coin-operated .coin-bottom .coin-btn:hover i.bcc-iconfont,
  .el-pagination.is-background .el-pager li.active:hover i.bcc-iconfont,
  .select-type .type-group li.on:hover i.bcc-iconfont,
  .music-pagination .current:hover i.bcc-iconfont,
  .primary-btn:hover i.bcc-iconfont,
  .schedule-list .match-operate.live:hover i.bcc-iconfont,
  .btn-follow:hover i.bcc-iconfont,
  .pagelistbox .p.active:hover i.bcc-iconfont,
  .submit-comment:hover i.bcc-iconfont,
  .product-buy:hover i.bcc-iconfont,
  .promo-btn:hover i.bcc-iconfont,
  .confirm-paybtn.active:hover i.bcc-iconfont,
  .searchBtn:hover i.bcc-iconfont,
  .hsbtn .sure:hover i.bcc-iconfont,
  .coupon-btn:hover i.bcc-iconfont,
  .charge-btn-style:hover i.bcc-iconfont,
  .article-chart-wrp .tools .btn-group .ui-btn:hover i.bcc-iconfont,
  .file-list-v2-container .file-add-btn:hover i.bcc-iconfont,
  .submit-button-group-v2-container .submit-btn-group-add:hover i.bcc-iconfont,
  .share-modal .copy-btn:hover i.bcc-iconfont,
  .coupon-label .container-right .to-use:hover i.bcc-iconfont,
  .bind-info .note-footer .btn-group .common-btn.active-btn:hover i.bcc-iconfont,
  .pbp-panel-feedback:hover i.bcc-iconfont,
  .dialog-btn:hover i.bcc-iconfont,
  .watch-later-list header .s-btn:hover i.bcc-iconfont,
  .login-btn:hover i.bcc-iconfont,
  .vote-btn-box .vote-btn:hover i.bcc-iconfont,
  .bcc-pagination-item.selected:hover i.bcc-iconfont,
  .qa-area-ol-wrp .qa-area-ol-btn:hover i.bcc-iconfont,
  .btn-default:hover i.bcc-iconfont,
  .h .h-follow:hover i.bcc-iconfont,
  .pendant-list li .pendant-btn:hover i.bcc-iconfont,
  .btn-dufault:hover i.bcc-iconfont,
  .container .host-list-layout .hot-list-wrap .bg-wrap .top-info-content .right-info .right-btn:hover i.bcc-iconfont,
  .song-playbtn:hover i.bcc-iconfont,
  .officialAccount-showContent-btn:hover i.bcc-iconfont,
  .tag-channel-pane .channel-btns .no-subs:hover i.bcc-iconfont,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pack:hover i.bcc-iconfont,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pay:hover i.bcc-iconfont,
  .pwp-modal-mask .pwp-modal-wrapper .pwp-btn.primary:hover i.bcc-iconfont,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:first-child:hover i.bcc-iconfont,
  .upload-step-3-container-v2 .upload-3-v2-follow-btn.follow:hover i.bcc-iconfont,
  .back-top-btn:hover i.bcc-iconfont,
  .video-toolbar .note-btn:hover i.bcc-iconfont,
  .material-wrp .header .op .up-btn:hover i.bcc-iconfont,
  .selection-button.selected:hover i.bcc-iconfont {
    color: var(--c-white) !important;
  }
  button:hover::after,
  .button:hover::after,
  .btn:hover::after,
  .default-btn:hover::after,
  .bili-btn:hover::after,
  .go-top:hover::after,
  .to-top:hover::after,
  .backup:hover::after,
  .paging-box-big .current:hover::after,
  .pager .pages .page-item.active button:hover::after,
  .page-wrap .page-list-box .page-item.active:hover::after,
  .bui-button-blue:hover::after,
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-electric:hover::after,
  .bi-btn:hover::after,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.cursor:hover::after,
  .main-container .media-info .media-right .media-tool-bar .btn-follow:hover::after,
  .textarea-container .comm-tool .comm-submit:hover::after,
  .be-pager-item-active:hover::after,
  #page-channel-index .channel-option.no-channel .create-channel:hover::after,
  .favInfo-box .favInfo-details .fav-options .fav-play:hover::after,
  .bangumi-pagelistbox .p.active:hover::after,
  .be-pager .be-pager-item.be-pager-item-active:hover::after,
  .notice-item .notice-btn:hover::after,
  .follow-btn:hover::after,
  .btn-sub:hover::after,
  .btn-close:hover::after,
  .btn-report:hover::after,
  .search-button:hover::after,
  .coin-wrap .coin-sure:hover::after,
  .bili-dialog-bomb .appeal-box .submit .confirm:hover::after,
  .security_content .h-safe-btn:hover::after,
  .security_content .big-member-btn:hover::after,
  .security_content .big-continuity-card-btn:hover::after,
  .security_content .close-btn:hover::after,
  .security_content .pay-left-btn-alone:hover::after,
  .security_content .points-btn:hover::after,
  .security_content .go-movie:hover::after,
  .security_content .user-my-btn .el-button--primary:hover::after,
  .security_content .tool-change-face:hover::after,
  .security_content .invitation-btn:hover::after,
  .security_content .mp-mine-takedown:hover::after,
  .d-outer .d-state-highlight:hover::after,
  .d-outer .medal-uninstall-js:hover::after,
  .module-box .btn-dufault:hover::after,
  .upLoad .btn-mk2.primary:hover::after,
  .upLoad .upButton:hover::after,
  .select-btn:hover::after,
  .btn-box .like:hover::after,
  .gift-package:hover::after,
  .multi-page .cur-list .module-box li.on:hover::after,
  .rollback-btn:hover::after,
  .change-img-btn:hover::after,
  .pagelist .flip-left .active:hover::after,
  .active-main .back-top:hover::after,
  .topic-main .back-top:hover::after,
  .bilibili-player-feedback-submit:hover::after,
  .sidebar-canvas:hover::after,
  .cntr .check-all:hover::after,
  .album-popup-ensure:hover::after,
  .info-line .attend:hover::after,
  .link-panigation .panigation.selected:hover::after,
  .submit-btn:hover::after,
  .btn-go-write:hover::after,
  .pagination-container .pagination.active:hover::after,
  #nav_upload_btn:hover::after,
  .back-top-box .totop-container.utils-box:hover::after,
  .upload-v2-step1-container #homeDrop .upload-btn:hover::after,
  .video-editor-ol-wrp .video-editor-ol-btn:hover::after,
  .cc-btn:hover::after,
  .music-upload-wrapper .upload-music-bar-wrapper:hover::after,
  .create-compilations-btn:hover::after,
  .compila-condition .compila-right .compila-add:hover::after,
  .compila-not-find .compila-not-find-ime:hover::after,
  .contri-not-find .contri-not-find-ime:hover::after,
  .list-playbtn:hover::after,
  .send-button:hover::after,
  .card .focus-btn .unfocus:hover::after,
  .card .focus-btn .focus:hover::after,
  .top-header .focus-btn:hover::after,
  .coin-dialog-mask .coin-operated .coin-bottom .coin-btn:hover::after,
  .el-pagination.is-background .el-pager li.active:hover::after,
  .select-type .type-group li.on:hover::after,
  .music-pagination .current:hover::after,
  .primary-btn:hover::after,
  .schedule-list .match-operate.live:hover::after,
  .btn-follow:hover::after,
  .pagelistbox .p.active:hover::after,
  .submit-comment:hover::after,
  .product-buy:hover::after,
  .promo-btn:hover::after,
  .confirm-paybtn.active:hover::after,
  .searchBtn:hover::after,
  .hsbtn .sure:hover::after,
  .coupon-btn:hover::after,
  .charge-btn-style:hover::after,
  .article-chart-wrp .tools .btn-group .ui-btn:hover::after,
  .file-list-v2-container .file-add-btn:hover::after,
  .submit-button-group-v2-container .submit-btn-group-add:hover::after,
  .share-modal .copy-btn:hover::after,
  .coupon-label .container-right .to-use:hover::after,
  .bind-info .note-footer .btn-group .common-btn.active-btn:hover::after,
  .pbp-panel-feedback:hover::after,
  .dialog-btn:hover::after,
  .watch-later-list header .s-btn:hover::after,
  .login-btn:hover::after,
  .vote-btn-box .vote-btn:hover::after,
  .bcc-pagination-item.selected:hover::after,
  .qa-area-ol-wrp .qa-area-ol-btn:hover::after,
  .btn-default:hover::after,
  .h .h-follow:hover::after,
  .pendant-list li .pendant-btn:hover::after,
  .btn-dufault:hover::after,
  .container .host-list-layout .hot-list-wrap .bg-wrap .top-info-content .right-info .right-btn:hover::after,
  .song-playbtn:hover::after,
  .officialAccount-showContent-btn:hover::after,
  .tag-channel-pane .channel-btns .no-subs:hover::after,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pack:hover::after,
  .twp-mask .twp-wrapper .twp-container .twp-btns .twp-btn.pay:hover::after,
  .pwp-modal-mask .pwp-modal-wrapper .pwp-btn.primary:hover::after,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:first-child:hover::after,
  .upload-step-3-container-v2 .upload-3-v2-follow-btn.follow:hover::after,
  .back-top-btn:hover::after,
  .video-toolbar .note-btn:hover::after,
  .material-wrp .header .op .up-btn:hover::after,
  .selection-button.selected:hover::after {
    transform: translateX(100%);
  }
  .default,
  .more-btn,
  .forward,
  .prev,
  .next,
  .btn-pre,
  .btn-next,
  .van-popper-history .view-all,
  .van-popper-favorite .play-all,
  .bili-header-m .mini-wnd-nav .read-more,
  .paging-box-big .tcd-number,
  .paging-box-big .next,
  .paging-box-big .prev,
  .pager .pages .page-item button,
  .page-wrap .page-list-box .page-item,
  .following,
  .bui-button.bui-button-gray2,
  .danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .player-tooltips-trigger,
  .recommend-list .rec-footer,
  .expand-more,
  .main-container .media-info .media-right .media-tool-bar .btn-follow.active,
  .bangumi-pagelistbox .p,
  .be-pager .be-pager-item,
  .be-pager .be-pager-prev,
  .be-pager .be-pager-next,
  .more-btn-cntr,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item,
  #pgc-navigate-wrap .ep-box .ep-sub .ep-item,
  .rightside-article-list-btn,
  .bili-dialog-bomb .appeal-box .submit .cancel,
  .security_content .home-to-space,
  .security_content .home-to-update,
  .security_content .h-mp-space,
  .security_content .go-secuirty,
  .security_content .h-safe-nobtn,
  .security_content .big-gift-btn-home,
  .security_content .right-more-btn,
  .security_content .tool-uninstall-pendant,
  .security_content .black-btn,
  .security_content .get-coin-more,
  .security_content .m-help,
  .security_content .face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .btn-white,
  .d-outer .d-button,
  .module-box .btn-primary,
  .module-box .btn-disabled,
  .upLoad .upload-btn,
  .container .nav-container .list-link p a,
  .btn-box .liked,
  .btn-box .message,
  .tag-info-pane .tag-footer .btn-left-box>a,
  .gift-panel-switch,
  .multi-page .cur-list .module-box li,
  .recharge-store-box ul.select-list .item,
  .pagelist .flip-left span,
  .web-notice .more,
  .bilibili-player-feedback-submit.disable,
  .album-popup-cancel,
  .author-info .favourite-btn-ctnr .communicate-btn,
  .link-panigation .panigation,
  .submit-btn.disabled,
  .pagination-container .pagination,
  .source-rank-stretch-button,
  .classify .classify-list .list-item .class-block,
  .btn-group .ui-btn.white,
  .publish-launcher .publish-btn.disabled,
  .button-bar .bp-button,
  .el-pagination.is-background .el-pager li,
  .warning-btn,
  .select-type .type-group li,
  .music-pagination .tcd-number,
  .page-btn,
  .score-contain .allmatch,
  .schedule-time .time,
  .calendar-header .day-select,
  .media-tab-detail-wrp .media-tab-module-wrp .media-tab-module-write.type-btn,
  .pagelistbox .p,
  .submit-comment.no-login,
  .confirm-paybtn,
  .err-jump-btn,
  .hsbtn .cancel,
  .coupon-btn-disable,
  .bl-button--primary:disabled,
  .game-list-all,
  .bind-info .note-footer .btn-group .common-btn,
  .watch-later-list header .d-btn,
  .cinema-movie-wrapper .slider-contro span,
  .bcc-pagination-item,
  .bcc-pagination-ellipsis,
  .h .h-message,
  .container .musician-recommend .recommend-item .recommend-info .listen-btn,
  .follow-container .follow-right .unfollow-btn,
  .wide-members .avatar-list i,
  .is-web .submit-button.disabled,
  .tag-channel-pane .channel-btns__link,
  .bui-swiper-wrap .bui-swiper-next,
  .bui-swiper-wrap .bui-swiper-pre,
  .tag-channel-pane .channel-btns .is-subs,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:nth-child(2),
  .upload-step-3-container-v2 .upload-3-v2-success-go-url a,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-block-btn,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-protect-btn,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-recall-btn,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-report-btn {
    border: 1px solid var(--c-border) !important;
    background-color: var(--c-background) !important;
    color: var(--c-title) !important;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .default span,
  .more-btn span,
  .forward span,
  .prev span,
  .next span,
  .btn-pre span,
  .btn-next span,
  .van-popper-history .view-all span,
  .van-popper-favorite .play-all span,
  .bili-header-m .mini-wnd-nav .read-more span,
  .paging-box-big .tcd-number span,
  .paging-box-big .next span,
  .paging-box-big .prev span,
  .pager .pages .page-item button span,
  .page-wrap .page-list-box .page-item span,
  .following span,
  .bui-button.bui-button-gray2 span,
  .danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .player-tooltips-trigger span,
  .recommend-list .rec-footer span,
  .expand-more span,
  .main-container .media-info .media-right .media-tool-bar .btn-follow.active span,
  .bangumi-pagelistbox .p span,
  .be-pager .be-pager-item span,
  .be-pager .be-pager-prev span,
  .be-pager .be-pager-next span,
  .more-btn-cntr span,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item span,
  #pgc-navigate-wrap .ep-box .ep-sub .ep-item span,
  .rightside-article-list-btn span,
  .bili-dialog-bomb .appeal-box .submit .cancel span,
  .security_content .home-to-space span,
  .security_content .home-to-update span,
  .security_content .h-mp-space span,
  .security_content .go-secuirty span,
  .security_content .h-safe-nobtn span,
  .security_content .big-gift-btn-home span,
  .security_content .right-more-btn span,
  .security_content .tool-uninstall-pendant span,
  .security_content .black-btn span,
  .security_content .get-coin-more span,
  .security_content .m-help span,
  .security_content .face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .btn-white span,
  .d-outer .d-button span,
  .module-box .btn-primary span,
  .module-box .btn-disabled span,
  .upLoad .upload-btn span,
  .container .nav-container .list-link p a span,
  .btn-box .liked span,
  .btn-box .message span,
  .tag-info-pane .tag-footer .btn-left-box>a span,
  .gift-panel-switch span,
  .multi-page .cur-list .module-box li span,
  .recharge-store-box ul.select-list .item span,
  .pagelist .flip-left span span,
  .web-notice .more span,
  .bilibili-player-feedback-submit.disable span,
  .album-popup-cancel span,
  .author-info .favourite-btn-ctnr .communicate-btn span,
  .link-panigation .panigation span,
  .submit-btn.disabled span,
  .pagination-container .pagination span,
  .source-rank-stretch-button span,
  .classify .classify-list .list-item .class-block span,
  .btn-group .ui-btn.white span,
  .publish-launcher .publish-btn.disabled span,
  .button-bar .bp-button span,
  .el-pagination.is-background .el-pager li span,
  .warning-btn span,
  .select-type .type-group li span,
  .music-pagination .tcd-number span,
  .page-btn span,
  .score-contain .allmatch span,
  .schedule-time .time span,
  .calendar-header .day-select span,
  .media-tab-detail-wrp .media-tab-module-wrp .media-tab-module-write.type-btn span,
  .pagelistbox .p span,
  .submit-comment.no-login span,
  .confirm-paybtn span,
  .err-jump-btn span,
  .hsbtn .cancel span,
  .coupon-btn-disable span,
  .bl-button--primary:disabled span,
  .game-list-all span,
  .bind-info .note-footer .btn-group .common-btn span,
  .watch-later-list header .d-btn span,
  .cinema-movie-wrapper .slider-contro span span,
  .bcc-pagination-item span,
  .bcc-pagination-ellipsis span,
  .h .h-message span,
  .container .musician-recommend .recommend-item .recommend-info .listen-btn span,
  .follow-container .follow-right .unfollow-btn span,
  .wide-members .avatar-list i span,
  .is-web .submit-button.disabled span,
  .tag-channel-pane .channel-btns__link span,
  .bui-swiper-wrap .bui-swiper-next span,
  .bui-swiper-wrap .bui-swiper-pre span,
  .tag-channel-pane .channel-btns .is-subs span,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:nth-child(2) span,
  .upload-step-3-container-v2 .upload-3-v2-success-go-url a span,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-block-btn span,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-protect-btn span,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-recall-btn span,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-report-btn span,
  .default i.bcc-iconfont,
  .more-btn i.bcc-iconfont,
  .forward i.bcc-iconfont,
  .prev i.bcc-iconfont,
  .next i.bcc-iconfont,
  .btn-pre i.bcc-iconfont,
  .btn-next i.bcc-iconfont,
  .van-popper-history .view-all i.bcc-iconfont,
  .van-popper-favorite .play-all i.bcc-iconfont,
  .bili-header-m .mini-wnd-nav .read-more i.bcc-iconfont,
  .paging-box-big .tcd-number i.bcc-iconfont,
  .paging-box-big .next i.bcc-iconfont,
  .paging-box-big .prev i.bcc-iconfont,
  .pager .pages .page-item button i.bcc-iconfont,
  .page-wrap .page-list-box .page-item i.bcc-iconfont,
  .following i.bcc-iconfont,
  .bui-button.bui-button-gray2 i.bcc-iconfont,
  .danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .player-tooltips-trigger i.bcc-iconfont,
  .recommend-list .rec-footer i.bcc-iconfont,
  .expand-more i.bcc-iconfont,
  .main-container .media-info .media-right .media-tool-bar .btn-follow.active i.bcc-iconfont,
  .bangumi-pagelistbox .p i.bcc-iconfont,
  .be-pager .be-pager-item i.bcc-iconfont,
  .be-pager .be-pager-prev i.bcc-iconfont,
  .be-pager .be-pager-next i.bcc-iconfont,
  .more-btn-cntr i.bcc-iconfont,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item i.bcc-iconfont,
  #pgc-navigate-wrap .ep-box .ep-sub .ep-item i.bcc-iconfont,
  .rightside-article-list-btn i.bcc-iconfont,
  .bili-dialog-bomb .appeal-box .submit .cancel i.bcc-iconfont,
  .security_content .home-to-space i.bcc-iconfont,
  .security_content .home-to-update i.bcc-iconfont,
  .security_content .h-mp-space i.bcc-iconfont,
  .security_content .go-secuirty i.bcc-iconfont,
  .security_content .h-safe-nobtn i.bcc-iconfont,
  .security_content .big-gift-btn-home i.bcc-iconfont,
  .security_content .right-more-btn i.bcc-iconfont,
  .security_content .tool-uninstall-pendant i.bcc-iconfont,
  .security_content .black-btn i.bcc-iconfont,
  .security_content .get-coin-more i.bcc-iconfont,
  .security_content .m-help i.bcc-iconfont,
  .security_content .face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .btn-white i.bcc-iconfont,
  .d-outer .d-button i.bcc-iconfont,
  .module-box .btn-primary i.bcc-iconfont,
  .module-box .btn-disabled i.bcc-iconfont,
  .upLoad .upload-btn i.bcc-iconfont,
  .container .nav-container .list-link p a i.bcc-iconfont,
  .btn-box .liked i.bcc-iconfont,
  .btn-box .message i.bcc-iconfont,
  .tag-info-pane .tag-footer .btn-left-box>a i.bcc-iconfont,
  .gift-panel-switch i.bcc-iconfont,
  .multi-page .cur-list .module-box li i.bcc-iconfont,
  .recharge-store-box ul.select-list .item i.bcc-iconfont,
  .pagelist .flip-left span i.bcc-iconfont,
  .web-notice .more i.bcc-iconfont,
  .bilibili-player-feedback-submit.disable i.bcc-iconfont,
  .album-popup-cancel i.bcc-iconfont,
  .author-info .favourite-btn-ctnr .communicate-btn i.bcc-iconfont,
  .link-panigation .panigation i.bcc-iconfont,
  .submit-btn.disabled i.bcc-iconfont,
  .pagination-container .pagination i.bcc-iconfont,
  .source-rank-stretch-button i.bcc-iconfont,
  .classify .classify-list .list-item .class-block i.bcc-iconfont,
  .btn-group .ui-btn.white i.bcc-iconfont,
  .publish-launcher .publish-btn.disabled i.bcc-iconfont,
  .button-bar .bp-button i.bcc-iconfont,
  .el-pagination.is-background .el-pager li i.bcc-iconfont,
  .warning-btn i.bcc-iconfont,
  .select-type .type-group li i.bcc-iconfont,
  .music-pagination .tcd-number i.bcc-iconfont,
  .page-btn i.bcc-iconfont,
  .score-contain .allmatch i.bcc-iconfont,
  .schedule-time .time i.bcc-iconfont,
  .calendar-header .day-select i.bcc-iconfont,
  .media-tab-detail-wrp .media-tab-module-wrp .media-tab-module-write.type-btn i.bcc-iconfont,
  .pagelistbox .p i.bcc-iconfont,
  .submit-comment.no-login i.bcc-iconfont,
  .confirm-paybtn i.bcc-iconfont,
  .err-jump-btn i.bcc-iconfont,
  .hsbtn .cancel i.bcc-iconfont,
  .coupon-btn-disable i.bcc-iconfont,
  .bl-button--primary:disabled i.bcc-iconfont,
  .game-list-all i.bcc-iconfont,
  .bind-info .note-footer .btn-group .common-btn i.bcc-iconfont,
  .watch-later-list header .d-btn i.bcc-iconfont,
  .cinema-movie-wrapper .slider-contro span i.bcc-iconfont,
  .bcc-pagination-item i.bcc-iconfont,
  .bcc-pagination-ellipsis i.bcc-iconfont,
  .h .h-message i.bcc-iconfont,
  .container .musician-recommend .recommend-item .recommend-info .listen-btn i.bcc-iconfont,
  .follow-container .follow-right .unfollow-btn i.bcc-iconfont,
  .wide-members .avatar-list i i.bcc-iconfont,
  .is-web .submit-button.disabled i.bcc-iconfont,
  .tag-channel-pane .channel-btns__link i.bcc-iconfont,
  .bui-swiper-wrap .bui-swiper-next i.bcc-iconfont,
  .bui-swiper-wrap .bui-swiper-pre i.bcc-iconfont,
  .tag-channel-pane .channel-btns .is-subs i.bcc-iconfont,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:nth-child(2) i.bcc-iconfont,
  .upload-step-3-container-v2 .upload-3-v2-success-go-url a i.bcc-iconfont,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-block-btn i.bcc-iconfont,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-protect-btn i.bcc-iconfont,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-recall-btn i.bcc-iconfont,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-report-btn i.bcc-iconfont {
    color: var(--c-text) !important;
  }
  .default::after,
  .more-btn::after,
  .forward::after,
  .prev::after,
  .next::after,
  .btn-pre::after,
  .btn-next::after,
  .van-popper-history .view-all::after,
  .van-popper-favorite .play-all::after,
  .bili-header-m .mini-wnd-nav .read-more::after,
  .paging-box-big .tcd-number::after,
  .paging-box-big .next::after,
  .paging-box-big .prev::after,
  .pager .pages .page-item button::after,
  .page-wrap .page-list-box .page-item::after,
  .following::after,
  .bui-button.bui-button-gray2::after,
  .danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .player-tooltips-trigger::after,
  .recommend-list .rec-footer::after,
  .expand-more::after,
  .main-container .media-info .media-right .media-tool-bar .btn-follow.active::after,
  .bangumi-pagelistbox .p::after,
  .be-pager .be-pager-item::after,
  .be-pager .be-pager-prev::after,
  .be-pager .be-pager-next::after,
  .more-btn-cntr::after,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item::after,
  #pgc-navigate-wrap .ep-box .ep-sub .ep-item::after,
  .rightside-article-list-btn::after,
  .bili-dialog-bomb .appeal-box .submit .cancel::after,
  .security_content .home-to-space::after,
  .security_content .home-to-update::after,
  .security_content .h-mp-space::after,
  .security_content .go-secuirty::after,
  .security_content .h-safe-nobtn::after,
  .security_content .big-gift-btn-home::after,
  .security_content .right-more-btn::after,
  .security_content .tool-uninstall-pendant::after,
  .security_content .black-btn::after,
  .security_content .get-coin-more::after,
  .security_content .m-help::after,
  .security_content .face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .btn-white::after,
  .d-outer .d-button::after,
  .module-box .btn-primary::after,
  .module-box .btn-disabled::after,
  .upLoad .upload-btn::after,
  .container .nav-container .list-link p a::after,
  .btn-box .liked::after,
  .btn-box .message::after,
  .tag-info-pane .tag-footer .btn-left-box>a::after,
  .gift-panel-switch::after,
  .multi-page .cur-list .module-box li::after,
  .recharge-store-box ul.select-list .item::after,
  .pagelist .flip-left span::after,
  .web-notice .more::after,
  .bilibili-player-feedback-submit.disable::after,
  .album-popup-cancel::after,
  .author-info .favourite-btn-ctnr .communicate-btn::after,
  .link-panigation .panigation::after,
  .submit-btn.disabled::after,
  .pagination-container .pagination::after,
  .source-rank-stretch-button::after,
  .classify .classify-list .list-item .class-block::after,
  .btn-group .ui-btn.white::after,
  .publish-launcher .publish-btn.disabled::after,
  .button-bar .bp-button::after,
  .el-pagination.is-background .el-pager li::after,
  .warning-btn::after,
  .select-type .type-group li::after,
  .music-pagination .tcd-number::after,
  .page-btn::after,
  .score-contain .allmatch::after,
  .schedule-time .time::after,
  .calendar-header .day-select::after,
  .media-tab-detail-wrp .media-tab-module-wrp .media-tab-module-write.type-btn::after,
  .pagelistbox .p::after,
  .submit-comment.no-login::after,
  .confirm-paybtn::after,
  .err-jump-btn::after,
  .hsbtn .cancel::after,
  .coupon-btn-disable::after,
  .bl-button--primary:disabled::after,
  .game-list-all::after,
  .bind-info .note-footer .btn-group .common-btn::after,
  .watch-later-list header .d-btn::after,
  .cinema-movie-wrapper .slider-contro span::after,
  .bcc-pagination-item::after,
  .bcc-pagination-ellipsis::after,
  .h .h-message::after,
  .container .musician-recommend .recommend-item .recommend-info .listen-btn::after,
  .follow-container .follow-right .unfollow-btn::after,
  .wide-members .avatar-list i::after,
  .is-web .submit-button.disabled::after,
  .tag-channel-pane .channel-btns__link::after,
  .bui-swiper-wrap .bui-swiper-next::after,
  .bui-swiper-wrap .bui-swiper-pre::after,
  .tag-channel-pane .channel-btns .is-subs::after,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:nth-child(2)::after,
  .upload-step-3-container-v2 .upload-3-v2-success-go-url a::after,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-block-btn::after,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-protect-btn::after,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-recall-btn::after,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-report-btn::after {
    content: none !important;
  }
  .default:hover,
  .more-btn:hover,
  .forward:hover,
  .prev:hover,
  .next:hover,
  .btn-pre:hover,
  .btn-next:hover,
  .van-popper-history .view-all:hover,
  .van-popper-favorite .play-all:hover,
  .bili-header-m .mini-wnd-nav .read-more:hover,
  .paging-box-big .tcd-number:hover,
  .paging-box-big .next:hover,
  .paging-box-big .prev:hover,
  .pager .pages .page-item button:hover,
  .page-wrap .page-list-box .page-item:hover,
  .following:hover,
  .bui-button.bui-button-gray2:hover,
  .danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .player-tooltips-trigger:hover,
  .recommend-list .rec-footer:hover,
  .expand-more:hover,
  .main-container .media-info .media-right .media-tool-bar .btn-follow.active:hover,
  .bangumi-pagelistbox .p:hover,
  .be-pager .be-pager-item:hover,
  .be-pager .be-pager-prev:hover,
  .be-pager .be-pager-next:hover,
  .more-btn-cntr:hover,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item:hover,
  #pgc-navigate-wrap .ep-box .ep-sub .ep-item:hover,
  .rightside-article-list-btn:hover,
  .bili-dialog-bomb .appeal-box .submit .cancel:hover,
  .security_content .home-to-space:hover,
  .security_content .home-to-update:hover,
  .security_content .h-mp-space:hover,
  .security_content .go-secuirty:hover,
  .security_content .h-safe-nobtn:hover,
  .security_content .big-gift-btn-home:hover,
  .security_content .right-more-btn:hover,
  .security_content .tool-uninstall-pendant:hover,
  .security_content .black-btn:hover,
  .security_content .get-coin-more:hover,
  .security_content .m-help:hover,
  .security_content .face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .btn-white:hover,
  .d-outer .d-button:hover,
  .module-box .btn-primary:hover,
  .module-box .btn-disabled:hover,
  .upLoad .upload-btn:hover,
  .container .nav-container .list-link p a:hover,
  .btn-box .liked:hover,
  .btn-box .message:hover,
  .tag-info-pane .tag-footer .btn-left-box>a:hover,
  .gift-panel-switch:hover,
  .multi-page .cur-list .module-box li:hover,
  .recharge-store-box ul.select-list .item:hover,
  .pagelist .flip-left span:hover,
  .web-notice .more:hover,
  .bilibili-player-feedback-submit.disable:hover,
  .album-popup-cancel:hover,
  .author-info .favourite-btn-ctnr .communicate-btn:hover,
  .link-panigation .panigation:hover,
  .submit-btn.disabled:hover,
  .pagination-container .pagination:hover,
  .source-rank-stretch-button:hover,
  .classify .classify-list .list-item .class-block:hover,
  .btn-group .ui-btn.white:hover,
  .publish-launcher .publish-btn.disabled:hover,
  .button-bar .bp-button:hover,
  .el-pagination.is-background .el-pager li:hover,
  .warning-btn:hover,
  .select-type .type-group li:hover,
  .music-pagination .tcd-number:hover,
  .page-btn:hover,
  .score-contain .allmatch:hover,
  .schedule-time .time:hover,
  .calendar-header .day-select:hover,
  .media-tab-detail-wrp .media-tab-module-wrp .media-tab-module-write.type-btn:hover,
  .pagelistbox .p:hover,
  .submit-comment.no-login:hover,
  .confirm-paybtn:hover,
  .err-jump-btn:hover,
  .hsbtn .cancel:hover,
  .coupon-btn-disable:hover,
  .bl-button--primary:disabled:hover,
  .game-list-all:hover,
  .bind-info .note-footer .btn-group .common-btn:hover,
  .watch-later-list header .d-btn:hover,
  .cinema-movie-wrapper .slider-contro span:hover,
  .bcc-pagination-item:hover,
  .bcc-pagination-ellipsis:hover,
  .h .h-message:hover,
  .container .musician-recommend .recommend-item .recommend-info .listen-btn:hover,
  .follow-container .follow-right .unfollow-btn:hover,
  .wide-members .avatar-list i:hover,
  .is-web .submit-button.disabled:hover,
  .tag-channel-pane .channel-btns__link:hover,
  .bui-swiper-wrap .bui-swiper-next:hover,
  .bui-swiper-wrap .bui-swiper-pre:hover,
  .tag-channel-pane .channel-btns .is-subs:hover,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:nth-child(2):hover,
  .upload-step-3-container-v2 .upload-3-v2-success-go-url a:hover,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-block-btn:hover,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-protect-btn:hover,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-recall-btn:hover,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-report-btn:hover {
    border-color: var(--c-accent) !important;
    background-color: var(--c-hover) !important;
    color: var(--c-text) !important;
  }
  .default:hover span,
  .more-btn:hover span,
  .forward:hover span,
  .prev:hover span,
  .next:hover span,
  .btn-pre:hover span,
  .btn-next:hover span,
  .van-popper-history .view-all:hover span,
  .van-popper-favorite .play-all:hover span,
  .bili-header-m .mini-wnd-nav .read-more:hover span,
  .paging-box-big .tcd-number:hover span,
  .paging-box-big .next:hover span,
  .paging-box-big .prev:hover span,
  .pager .pages .page-item button:hover span,
  .page-wrap .page-list-box .page-item:hover span,
  .following:hover span,
  .bui-button.bui-button-gray2:hover span,
  .danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .player-tooltips-trigger:hover span,
  .recommend-list .rec-footer:hover span,
  .expand-more:hover span,
  .main-container .media-info .media-right .media-tool-bar .btn-follow.active:hover span,
  .bangumi-pagelistbox .p:hover span,
  .be-pager .be-pager-item:hover span,
  .be-pager .be-pager-prev:hover span,
  .be-pager .be-pager-next:hover span,
  .more-btn-cntr:hover span,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item:hover span,
  #pgc-navigate-wrap .ep-box .ep-sub .ep-item:hover span,
  .rightside-article-list-btn:hover span,
  .bili-dialog-bomb .appeal-box .submit .cancel:hover span,
  .security_content .home-to-space:hover span,
  .security_content .home-to-update:hover span,
  .security_content .h-mp-space:hover span,
  .security_content .go-secuirty:hover span,
  .security_content .h-safe-nobtn:hover span,
  .security_content .big-gift-btn-home:hover span,
  .security_content .right-more-btn:hover span,
  .security_content .tool-uninstall-pendant:hover span,
  .security_content .black-btn:hover span,
  .security_content .get-coin-more:hover span,
  .security_content .m-help:hover span,
  .security_content .face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .btn-white:hover span,
  .d-outer .d-button:hover span,
  .module-box .btn-primary:hover span,
  .module-box .btn-disabled:hover span,
  .upLoad .upload-btn:hover span,
  .container .nav-container .list-link p a:hover span,
  .btn-box .liked:hover span,
  .btn-box .message:hover span,
  .tag-info-pane .tag-footer .btn-left-box>a:hover span,
  .gift-panel-switch:hover span,
  .multi-page .cur-list .module-box li:hover span,
  .recharge-store-box ul.select-list .item:hover span,
  .pagelist .flip-left span:hover span,
  .web-notice .more:hover span,
  .bilibili-player-feedback-submit.disable:hover span,
  .album-popup-cancel:hover span,
  .author-info .favourite-btn-ctnr .communicate-btn:hover span,
  .link-panigation .panigation:hover span,
  .submit-btn.disabled:hover span,
  .pagination-container .pagination:hover span,
  .source-rank-stretch-button:hover span,
  .classify .classify-list .list-item .class-block:hover span,
  .btn-group .ui-btn.white:hover span,
  .publish-launcher .publish-btn.disabled:hover span,
  .button-bar .bp-button:hover span,
  .el-pagination.is-background .el-pager li:hover span,
  .warning-btn:hover span,
  .select-type .type-group li:hover span,
  .music-pagination .tcd-number:hover span,
  .page-btn:hover span,
  .score-contain .allmatch:hover span,
  .schedule-time .time:hover span,
  .calendar-header .day-select:hover span,
  .media-tab-detail-wrp .media-tab-module-wrp .media-tab-module-write.type-btn:hover span,
  .pagelistbox .p:hover span,
  .submit-comment.no-login:hover span,
  .confirm-paybtn:hover span,
  .err-jump-btn:hover span,
  .hsbtn .cancel:hover span,
  .coupon-btn-disable:hover span,
  .bl-button--primary:disabled:hover span,
  .game-list-all:hover span,
  .bind-info .note-footer .btn-group .common-btn:hover span,
  .watch-later-list header .d-btn:hover span,
  .cinema-movie-wrapper .slider-contro span:hover span,
  .bcc-pagination-item:hover span,
  .bcc-pagination-ellipsis:hover span,
  .h .h-message:hover span,
  .container .musician-recommend .recommend-item .recommend-info .listen-btn:hover span,
  .follow-container .follow-right .unfollow-btn:hover span,
  .wide-members .avatar-list i:hover span,
  .is-web .submit-button.disabled:hover span,
  .tag-channel-pane .channel-btns__link:hover span,
  .bui-swiper-wrap .bui-swiper-next:hover span,
  .bui-swiper-wrap .bui-swiper-pre:hover span,
  .tag-channel-pane .channel-btns .is-subs:hover span,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:nth-child(2):hover span,
  .upload-step-3-container-v2 .upload-3-v2-success-go-url a:hover span,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-block-btn:hover span,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-protect-btn:hover span,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-recall-btn:hover span,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-report-btn:hover span,
  .default:hover i.bcc-iconfont,
  .more-btn:hover i.bcc-iconfont,
  .forward:hover i.bcc-iconfont,
  .prev:hover i.bcc-iconfont,
  .next:hover i.bcc-iconfont,
  .btn-pre:hover i.bcc-iconfont,
  .btn-next:hover i.bcc-iconfont,
  .van-popper-history .view-all:hover i.bcc-iconfont,
  .van-popper-favorite .play-all:hover i.bcc-iconfont,
  .bili-header-m .mini-wnd-nav .read-more:hover i.bcc-iconfont,
  .paging-box-big .tcd-number:hover i.bcc-iconfont,
  .paging-box-big .next:hover i.bcc-iconfont,
  .paging-box-big .prev:hover i.bcc-iconfont,
  .pager .pages .page-item button:hover i.bcc-iconfont,
  .page-wrap .page-list-box .page-item:hover i.bcc-iconfont,
  .following:hover i.bcc-iconfont,
  .bui-button.bui-button-gray2:hover i.bcc-iconfont,
  .danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .player-tooltips-trigger:hover i.bcc-iconfont,
  .recommend-list .rec-footer:hover i.bcc-iconfont,
  .expand-more:hover i.bcc-iconfont,
  .main-container .media-info .media-right .media-tool-bar .btn-follow.active:hover i.bcc-iconfont,
  .bangumi-pagelistbox .p:hover i.bcc-iconfont,
  .be-pager .be-pager-item:hover i.bcc-iconfont,
  .be-pager .be-pager-prev:hover i.bcc-iconfont,
  .be-pager .be-pager-next:hover i.bcc-iconfont,
  .more-btn-cntr:hover i.bcc-iconfont,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item:hover i.bcc-iconfont,
  #pgc-navigate-wrap .ep-box .ep-sub .ep-item:hover i.bcc-iconfont,
  .rightside-article-list-btn:hover i.bcc-iconfont,
  .bili-dialog-bomb .appeal-box .submit .cancel:hover i.bcc-iconfont,
  .security_content .home-to-space:hover i.bcc-iconfont,
  .security_content .home-to-update:hover i.bcc-iconfont,
  .security_content .h-mp-space:hover i.bcc-iconfont,
  .security_content .go-secuirty:hover i.bcc-iconfont,
  .security_content .h-safe-nobtn:hover i.bcc-iconfont,
  .security_content .big-gift-btn-home:hover i.bcc-iconfont,
  .security_content .right-more-btn:hover i.bcc-iconfont,
  .security_content .tool-uninstall-pendant:hover i.bcc-iconfont,
  .security_content .black-btn:hover i.bcc-iconfont,
  .security_content .get-coin-more:hover i.bcc-iconfont,
  .security_content .m-help:hover i.bcc-iconfont,
  .security_content .face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .btn-white:hover i.bcc-iconfont,
  .d-outer .d-button:hover i.bcc-iconfont,
  .module-box .btn-primary:hover i.bcc-iconfont,
  .module-box .btn-disabled:hover i.bcc-iconfont,
  .upLoad .upload-btn:hover i.bcc-iconfont,
  .container .nav-container .list-link p a:hover i.bcc-iconfont,
  .btn-box .liked:hover i.bcc-iconfont,
  .btn-box .message:hover i.bcc-iconfont,
  .tag-info-pane .tag-footer .btn-left-box>a:hover i.bcc-iconfont,
  .gift-panel-switch:hover i.bcc-iconfont,
  .multi-page .cur-list .module-box li:hover i.bcc-iconfont,
  .recharge-store-box ul.select-list .item:hover i.bcc-iconfont,
  .pagelist .flip-left span:hover i.bcc-iconfont,
  .web-notice .more:hover i.bcc-iconfont,
  .bilibili-player-feedback-submit.disable:hover i.bcc-iconfont,
  .album-popup-cancel:hover i.bcc-iconfont,
  .author-info .favourite-btn-ctnr .communicate-btn:hover i.bcc-iconfont,
  .link-panigation .panigation:hover i.bcc-iconfont,
  .submit-btn.disabled:hover i.bcc-iconfont,
  .pagination-container .pagination:hover i.bcc-iconfont,
  .source-rank-stretch-button:hover i.bcc-iconfont,
  .classify .classify-list .list-item .class-block:hover i.bcc-iconfont,
  .btn-group .ui-btn.white:hover i.bcc-iconfont,
  .publish-launcher .publish-btn.disabled:hover i.bcc-iconfont,
  .button-bar .bp-button:hover i.bcc-iconfont,
  .el-pagination.is-background .el-pager li:hover i.bcc-iconfont,
  .warning-btn:hover i.bcc-iconfont,
  .select-type .type-group li:hover i.bcc-iconfont,
  .music-pagination .tcd-number:hover i.bcc-iconfont,
  .page-btn:hover i.bcc-iconfont,
  .score-contain .allmatch:hover i.bcc-iconfont,
  .schedule-time .time:hover i.bcc-iconfont,
  .calendar-header .day-select:hover i.bcc-iconfont,
  .media-tab-detail-wrp .media-tab-module-wrp .media-tab-module-write.type-btn:hover i.bcc-iconfont,
  .pagelistbox .p:hover i.bcc-iconfont,
  .submit-comment.no-login:hover i.bcc-iconfont,
  .confirm-paybtn:hover i.bcc-iconfont,
  .err-jump-btn:hover i.bcc-iconfont,
  .hsbtn .cancel:hover i.bcc-iconfont,
  .coupon-btn-disable:hover i.bcc-iconfont,
  .bl-button--primary:disabled:hover i.bcc-iconfont,
  .game-list-all:hover i.bcc-iconfont,
  .bind-info .note-footer .btn-group .common-btn:hover i.bcc-iconfont,
  .watch-later-list header .d-btn:hover i.bcc-iconfont,
  .cinema-movie-wrapper .slider-contro span:hover i.bcc-iconfont,
  .bcc-pagination-item:hover i.bcc-iconfont,
  .bcc-pagination-ellipsis:hover i.bcc-iconfont,
  .h .h-message:hover i.bcc-iconfont,
  .container .musician-recommend .recommend-item .recommend-info .listen-btn:hover i.bcc-iconfont,
  .follow-container .follow-right .unfollow-btn:hover i.bcc-iconfont,
  .wide-members .avatar-list i:hover i.bcc-iconfont,
  .is-web .submit-button.disabled:hover i.bcc-iconfont,
  .tag-channel-pane .channel-btns__link:hover i.bcc-iconfont,
  .bui-swiper-wrap .bui-swiper-next:hover i.bcc-iconfont,
  .bui-swiper-wrap .bui-swiper-pre:hover i.bcc-iconfont,
  .tag-channel-pane .channel-btns .is-subs:hover i.bcc-iconfont,
  .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div:nth-child(2):hover i.bcc-iconfont,
  .upload-step-3-container-v2 .upload-3-v2-success-go-url a:hover i.bcc-iconfont,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-block-btn:hover i.bcc-iconfont,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-protect-btn:hover i.bcc-iconfont,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-recall-btn:hover i.bcc-iconfont,
  .bpx-player-auxiliary .bpx-player-dm-container .dm-info-row .dm-info-report-btn:hover i.bcc-iconfont {
    color: var(--c-text) !important;
  }
  .paging-box-big .dian,
  .paging-box-big .dian:hover,
  .pagelist .flip-left .ellipsis,
  .paging-box .next,
  .paging-box .prev,
  .music-pagination .dian {
    border-color: transparent !important;
    background-color: transparent !important;
  }
  .vp-container .vip,
  span.big-vip-red,
  em:not(.icon),
  .m-header .num,
  .bili-header-m .num,
  .nav-item .num,
  .badge.pink,
  .badge.is-vip,
  .badge.type_0,
  .ss-badge,
  .primary-menu .nav-menu>li .num-wrap span,
  .elevator .list-box .item.on,
  .elevator .list-box .item:hover,
  .tag-list li.tag-item.on,
  .video-info .video-title .activity,
  .bilibili-player-bigvip,
  .h .h-vipType,
  .video-container .types,
  .item .live-status.on,
  .bangumi-item .right-info .headline .bangumi-label,
  .filter-wrap .filter-item.active,
  .im-notify,
  .video-item.list .type,
  .bangumi-item .left-img .bangumi-tag,
  .bb-comment .stick,
  .comment-bilibili-fold .stick,
  .up-info .u-info .name .live-status,
  .h .h-fans-icon .h-fans-text,
  .home-user-spec,
  .big-label,
  .member-list-exclusive-icon,
  .security_content .pendant-nav li div.active,
  .security_content .face-g-tab li.current,
  .hour-rank,
  .attention-btn-ctnr .left-part,
  .gift-item .corner-mark,
  .container .name-info .live,
  .count-num,
  .user-info>.uid,
  .user-info>.tag-flag,
  .page-title .count,
  .history-card .up-info .room-status>span.on-live,
  .achievement-card-centent>.header>.state-normal.-success,
  #app-news #list .item .title-wrap .activity,
  .tab-selector-wrap .tag-wrap .tag span.selected,
  .nav-upload-container .nav-upload-item .red_point,
  .tips-item_wrap .tips-item_left .label,
  .calendarEntry_box .calendarEntry_content .luck_wrap .luck_title,
  .carousel-module .panel .title .tag-label.doing,
  .comment-list-item .ci-title .relation-label,
  .announce li>div span,
  .video-jam-state,
  .red_point,
  .video-editor-ol-wrp .video-editor-ol-new,
  .qa-area-ol-new,
  .review-list-wrp li .review-title .review-spoiler,
  .misl-ep-item .mark-icon.badge-pink,
  .project-list .project-list-item .promo-item,
  .type-label,
  .history-list .cover-contain .label,
  .my-link-btn .hint-count,
  .gift-item-wrap .expiration,
  .hot-label,
  .mic-wrapper.media-info-card .mic-content .mic-pic label,
  .h5share-container .text-area .text-content .tag,
  .groom-module .type-name,
  .bangumi-item .cover-wrapper .corner-tag.badge_0,
  .live-container .status,
  .video-card-common .title .live,
  .info-item .notice-icon,
  .live-record-card-cntr .cover .corner.new,
  .block-list-item-label,
  .multi-page .cur-list .list-box li .pay-label,
  .manga-detail .section .section-list .batch-buy,
  .members-info .avatar .info-tag,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item .badge,
  .ep-list-wrapper .ep-item .badge.blue,
  .section-ep-wrapper .ep-item .badge.blue,
  .members-info .avatar .tag-sponsor,
  .label-item-v2-container,
  .label-item-v2-2-container.label-item-v2-2-container-selected,
  .article-card.v2 .meta-title .mission-mark,
  .video-card .strong-tag,
  .video-card .weak-tag,
  .bangumi-item .cover-wrapper .corner-tag.badge_1,
  .up-info .up-info_right .name .live-status,
  .popup-card .info .style-item {
    border: 0 !important;
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .vp-container .vip:hover,
  span.big-vip-red:hover,
  em:not(.icon):hover,
  .m-header .num:hover,
  .bili-header-m .num:hover,
  .nav-item .num:hover,
  .badge.pink:hover,
  .badge.is-vip:hover,
  .badge.type_0:hover,
  .ss-badge:hover,
  .primary-menu .nav-menu>li .num-wrap span:hover,
  .elevator .list-box .item.on:hover,
  .elevator .list-box .item:hover:hover,
  .tag-list li.tag-item.on:hover,
  .video-info .video-title .activity:hover,
  .bilibili-player-bigvip:hover,
  .h .h-vipType:hover,
  .video-container .types:hover,
  .item .live-status.on:hover,
  .bangumi-item .right-info .headline .bangumi-label:hover,
  .filter-wrap .filter-item.active:hover,
  .im-notify:hover,
  .video-item.list .type:hover,
  .bangumi-item .left-img .bangumi-tag:hover,
  .bb-comment .stick:hover,
  .comment-bilibili-fold .stick:hover,
  .up-info .u-info .name .live-status:hover,
  .h .h-fans-icon .h-fans-text:hover,
  .home-user-spec:hover,
  .big-label:hover,
  .member-list-exclusive-icon:hover,
  .security_content .pendant-nav li div.active:hover,
  .security_content .face-g-tab li.current:hover,
  .hour-rank:hover,
  .attention-btn-ctnr .left-part:hover,
  .gift-item .corner-mark:hover,
  .container .name-info .live:hover,
  .count-num:hover,
  .user-info>.uid:hover,
  .user-info>.tag-flag:hover,
  .page-title .count:hover,
  .history-card .up-info .room-status>span.on-live:hover,
  .achievement-card-centent>.header>.state-normal.-success:hover,
  #app-news #list .item .title-wrap .activity:hover,
  .tab-selector-wrap .tag-wrap .tag span.selected:hover,
  .nav-upload-container .nav-upload-item .red_point:hover,
  .tips-item_wrap .tips-item_left .label:hover,
  .calendarEntry_box .calendarEntry_content .luck_wrap .luck_title:hover,
  .carousel-module .panel .title .tag-label.doing:hover,
  .comment-list-item .ci-title .relation-label:hover,
  .announce li>div span:hover,
  .video-jam-state:hover,
  .red_point:hover,
  .video-editor-ol-wrp .video-editor-ol-new:hover,
  .qa-area-ol-new:hover,
  .review-list-wrp li .review-title .review-spoiler:hover,
  .misl-ep-item .mark-icon.badge-pink:hover,
  .project-list .project-list-item .promo-item:hover,
  .type-label:hover,
  .history-list .cover-contain .label:hover,
  .my-link-btn .hint-count:hover,
  .gift-item-wrap .expiration:hover,
  .hot-label:hover,
  .mic-wrapper.media-info-card .mic-content .mic-pic label:hover,
  .h5share-container .text-area .text-content .tag:hover,
  .groom-module .type-name:hover,
  .bangumi-item .cover-wrapper .corner-tag.badge_0:hover,
  .live-container .status:hover,
  .video-card-common .title .live:hover,
  .info-item .notice-icon:hover,
  .live-record-card-cntr .cover .corner.new:hover,
  .block-list-item-label:hover,
  .multi-page .cur-list .list-box li .pay-label:hover,
  .manga-detail .section .section-list .batch-buy:hover,
  .members-info .avatar .info-tag:hover,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item .badge:hover,
  .ep-list-wrapper .ep-item .badge.blue:hover,
  .section-ep-wrapper .ep-item .badge.blue:hover,
  .members-info .avatar .tag-sponsor:hover,
  .label-item-v2-container:hover,
  .label-item-v2-2-container.label-item-v2-2-container-selected:hover,
  .article-card.v2 .meta-title .mission-mark:hover,
  .video-card .strong-tag:hover,
  .video-card .weak-tag:hover,
  .bangumi-item .cover-wrapper .corner-tag.badge_1:hover,
  .up-info .up-info_right .name .live-status:hover,
  .popup-card .info .style-item:hover,
  .vp-container .vip p,
  span.big-vip-red p,
  em:not(.icon) p,
  .m-header .num p,
  .bili-header-m .num p,
  .nav-item .num p,
  .badge.pink p,
  .badge.is-vip p,
  .badge.type_0 p,
  .ss-badge p,
  .primary-menu .nav-menu>li .num-wrap span p,
  .elevator .list-box .item.on p,
  .elevator .list-box .item:hover p,
  .tag-list li.tag-item.on p,
  .video-info .video-title .activity p,
  .bilibili-player-bigvip p,
  .h .h-vipType p,
  .video-container .types p,
  .item .live-status.on p,
  .bangumi-item .right-info .headline .bangumi-label p,
  .filter-wrap .filter-item.active p,
  .im-notify p,
  .video-item.list .type p,
  .bangumi-item .left-img .bangumi-tag p,
  .bb-comment .stick p,
  .comment-bilibili-fold .stick p,
  .up-info .u-info .name .live-status p,
  .h .h-fans-icon .h-fans-text p,
  .home-user-spec p,
  .big-label p,
  .member-list-exclusive-icon p,
  .security_content .pendant-nav li div.active p,
  .security_content .face-g-tab li.current p,
  .hour-rank p,
  .attention-btn-ctnr .left-part p,
  .gift-item .corner-mark p,
  .container .name-info .live p,
  .count-num p,
  .user-info>.uid p,
  .user-info>.tag-flag p,
  .page-title .count p,
  .history-card .up-info .room-status>span.on-live p,
  .achievement-card-centent>.header>.state-normal.-success p,
  #app-news #list .item .title-wrap .activity p,
  .tab-selector-wrap .tag-wrap .tag span.selected p,
  .nav-upload-container .nav-upload-item .red_point p,
  .tips-item_wrap .tips-item_left .label p,
  .calendarEntry_box .calendarEntry_content .luck_wrap .luck_title p,
  .carousel-module .panel .title .tag-label.doing p,
  .comment-list-item .ci-title .relation-label p,
  .announce li>div span p,
  .video-jam-state p,
  .red_point p,
  .video-editor-ol-wrp .video-editor-ol-new p,
  .qa-area-ol-new p,
  .review-list-wrp li .review-title .review-spoiler p,
  .misl-ep-item .mark-icon.badge-pink p,
  .project-list .project-list-item .promo-item p,
  .type-label p,
  .history-list .cover-contain .label p,
  .my-link-btn .hint-count p,
  .gift-item-wrap .expiration p,
  .hot-label p,
  .mic-wrapper.media-info-card .mic-content .mic-pic label p,
  .h5share-container .text-area .text-content .tag p,
  .groom-module .type-name p,
  .bangumi-item .cover-wrapper .corner-tag.badge_0 p,
  .live-container .status p,
  .video-card-common .title .live p,
  .info-item .notice-icon p,
  .live-record-card-cntr .cover .corner.new p,
  .block-list-item-label p,
  .multi-page .cur-list .list-box li .pay-label p,
  .manga-detail .section .section-list .batch-buy p,
  .members-info .avatar .info-tag p,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item .badge p,
  .ep-list-wrapper .ep-item .badge.blue p,
  .section-ep-wrapper .ep-item .badge.blue p,
  .members-info .avatar .tag-sponsor p,
  .label-item-v2-container p,
  .label-item-v2-2-container.label-item-v2-2-container-selected p,
  .article-card.v2 .meta-title .mission-mark p,
  .video-card .strong-tag p,
  .video-card .weak-tag p,
  .bangumi-item .cover-wrapper .corner-tag.badge_1 p,
  .up-info .up-info_right .name .live-status p,
  .popup-card .info .style-item p,
  .vp-container .vip span,
  span.big-vip-red span,
  em:not(.icon) span,
  .m-header .num span,
  .bili-header-m .num span,
  .nav-item .num span,
  .badge.pink span,
  .badge.is-vip span,
  .badge.type_0 span,
  .ss-badge span,
  .primary-menu .nav-menu>li .num-wrap span span,
  .elevator .list-box .item.on span,
  .elevator .list-box .item:hover span,
  .tag-list li.tag-item.on span,
  .video-info .video-title .activity span,
  .bilibili-player-bigvip span,
  .h .h-vipType span,
  .video-container .types span,
  .item .live-status.on span,
  .bangumi-item .right-info .headline .bangumi-label span,
  .filter-wrap .filter-item.active span,
  .im-notify span,
  .video-item.list .type span,
  .bangumi-item .left-img .bangumi-tag span,
  .bb-comment .stick span,
  .comment-bilibili-fold .stick span,
  .up-info .u-info .name .live-status span,
  .h .h-fans-icon .h-fans-text span,
  .home-user-spec span,
  .big-label span,
  .member-list-exclusive-icon span,
  .security_content .pendant-nav li div.active span,
  .security_content .face-g-tab li.current span,
  .hour-rank span,
  .attention-btn-ctnr .left-part span,
  .gift-item .corner-mark span,
  .container .name-info .live span,
  .count-num span,
  .user-info>.uid span,
  .user-info>.tag-flag span,
  .page-title .count span,
  .history-card .up-info .room-status>span.on-live span,
  .achievement-card-centent>.header>.state-normal.-success span,
  #app-news #list .item .title-wrap .activity span,
  .tab-selector-wrap .tag-wrap .tag span.selected span,
  .nav-upload-container .nav-upload-item .red_point span,
  .tips-item_wrap .tips-item_left .label span,
  .calendarEntry_box .calendarEntry_content .luck_wrap .luck_title span,
  .carousel-module .panel .title .tag-label.doing span,
  .comment-list-item .ci-title .relation-label span,
  .announce li>div span span,
  .video-jam-state span,
  .red_point span,
  .video-editor-ol-wrp .video-editor-ol-new span,
  .qa-area-ol-new span,
  .review-list-wrp li .review-title .review-spoiler span,
  .misl-ep-item .mark-icon.badge-pink span,
  .project-list .project-list-item .promo-item span,
  .type-label span,
  .history-list .cover-contain .label span,
  .my-link-btn .hint-count span,
  .gift-item-wrap .expiration span,
  .hot-label span,
  .mic-wrapper.media-info-card .mic-content .mic-pic label span,
  .h5share-container .text-area .text-content .tag span,
  .groom-module .type-name span,
  .bangumi-item .cover-wrapper .corner-tag.badge_0 span,
  .live-container .status span,
  .video-card-common .title .live span,
  .info-item .notice-icon span,
  .live-record-card-cntr .cover .corner.new span,
  .block-list-item-label span,
  .multi-page .cur-list .list-box li .pay-label span,
  .manga-detail .section .section-list .batch-buy span,
  .members-info .avatar .info-tag span,
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item .badge span,
  .ep-list-wrapper .ep-item .badge.blue span,
  .section-ep-wrapper .ep-item .badge.blue span,
  .members-info .avatar .tag-sponsor span,
  .label-item-v2-container span,
  .label-item-v2-2-container.label-item-v2-2-container-selected span,
  .article-card.v2 .meta-title .mission-mark span,
  .video-card .strong-tag span,
  .video-card .weak-tag span,
  .bangumi-item .cover-wrapper .corner-tag.badge_1 span,
  .up-info .up-info_right .name .live-status span,
  .popup-card .info .style-item span {
    color: var(--c-white) !important;
  }
  .gg-icon,
  .tag,
  .tag-list li.tag-item,
  .tag-area .tag,
  .link-tag,
  .tag-area .btn-add,
  .timeline-box .timeline-item .item-right p.num a,
  .timeline-box .timeline-item .item-right p.num span,
  .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-title-holder .list-mark,
  .home-userstatus,
  .live-status-label,
  .up-level-icon,
  .user-level-icon,
  .history-card .up-info .room-status>span,
  .achievement-card-centent>.header>.state-normal,
  .tab-selector-wrap .tag-wrap .tag span,
  .drop-cascader-container,
  .children-sub-container,
  .common-modal-container .common-modal-content {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
    color: var(--c-text) !important;
  }
  .tag:hover,
  .tag-list li.tag-item:hover,
  .tag-area .tag:hover,
  .link-tag:hover {
    background-color: var(--c-hover) !important;
  }
  .primary-menu .nav-menu .channel.on:after,
  .timeline-box .timeline-item.new p.num a {
    border: 1px solid var(--c-border) !important;
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .tag-list li.tag-item.on .tag-a {
    color: var(--c-white) !important;
  }
  .tag-list li.tag-item.on:hover .tag-a {
    color: var(--c-accent) !important;
  }
  .tag:hover,
  .tag-list li.tag-item:hover,
  .tag-area .tag:hover,
  .link-tag:hover,
  .tab-selector-wrap .tag-wrap .tag span:hover,
  .category:hover {
    border-color: var(--c-accent) !important;
  }
  input,
  textarea,
  #nav_searchform {
    border-color: var(--c-border) !important;
    background-color: var(--c-hover) !important;
  }
  .van-popover,
  .more-ops-list,
  .be-dropdown-menu,
  .video-toolbar .ops .share .share-pos,
  .player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap,
  .hover-panel-wrap,
  .suggest-wrap,
  #article-list-index,
  .big-more-item-list,
  .common-popup-wrap,
  .awarding-panel,
  .link-popup-panel,
  .chat-history-panel .chat-history-list .chat-item.danmaku-item .hover-panel,
  .tool-bar .share-more,
  .tool-bar .mobile-more,
  .user-level-detail,
  .select-option,
  .popup-bg-cntr .popup-cntr,
  .bili-header-m .profile-m,
  .bili-header-m .mini-wnd-nav,
  .popup-bind-tip,
  .set-copyright .copyright-select-box,
  .el-popover,
  .new-calendar-wrap,
  .dropdown__content,
  .select-box,
  .bui-tooltip .bui-tooltip-bubble .bui-tooltip-content .bui-tooltip-inner,
  .bui-tooltip .bui-tooltip-bubble .bui-tooltip-content:before,
  .bui-tooltip .bui-tooltip-arrow:before,
  .option-menu,
  .upload-v2-step1-container #homeDrop .video-jam .video-jam-comment,
  .upload-v2-container .upload-agreement .reg-1 .reg-2-tip,
  .editor-box .editor-toolbar .child-list,
  .classify .sub-list,
  .modal-wrap,
  .load-marks,
  .contri-condition .contri-sort .contri-sort-type,
  .advice-dialog-wrapper,
  .tag-modal,
  .share-board .share-btn,
  .static-popup,
  .hash-popup.bg-white,
  .create-vote,
  .modal-wrapper,
  .share-module .share-list .weixin-share-modal,
  .selector-wrapper .more-type-wrapper,
  .history-dlg,
  .bangumi-options .opt-list,
  .ui-popup .popup-wrap,
  .user-info-component .unuseable .user-help .unuseable-hinter,
  .auto-purchase .page-sub-title .question-icon .hover-tab,
  .question-icon .hover-tab,
  .purchase-panel-component .purchase-panel,
  .dialog-wrap .dialog-contnent,
  .security_content .container,
  .bili-dialog .con,
  .video-toolbar-module .share-box .share-popup,
  .video-toolbar-module .app-box .qr-code-box,
  .backdrop .title-box,
  .new-link-top-wrap .content-wrap,
  .bcc-popover,
  .content-wrap,
  .bili-header-m .i_menu_login,
  .el-dropdown-menu,
  .action-menu .menu-list,
  .sub-nav-m .tips,
  .comment-bilibili-con,
  .follow-dialog-wrap .follow-dialog-window,
  .twp-mask .twp-wrapper,
  .pwp-modal-mask .pwp-modal-wrapper,
  .month-selector .month-info .month-list,
  .danmaku-menu,
  .bui-dropdown .bui-dropdown-items,
  .settings-panel {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
    color: var(--c-text) !important;
  }
  .player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list,
  .main-container .media-info .media-right .media-tool-bar .bangumi-options .opt-list li:hover {
    background-color: var(--c-background) !important;
  }
  .more-ops-list li:hover,
  .be-dropdown-item:hover,
  .player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list:hover,
  .select-wrap .select-option p:hover,
  .dropdown__content .dropdown__active,
  .dropdown__content .dropdown__item:hover,
  .dropdown .dropdown-menu .selected,
  .option-menu .menu-item:hover,
  .classify .sub-list .sub-item.active,
  .classify .sub-list .sub-item:hover,
  .contri-condition .contri-sort .contri-sort-type li:hover,
  .hash-popup .topic-container .item.is-selected,
  .hash-popup .topic-container .item:hover,
  .bangumi-options .opt-list li:hover,
  .bangumi-options .opt-list li.disabled,
  .el-dropdown-menu__item:focus,
  .el-dropdown-menu__item:not(.is-disabled):hover,
  .bui-dropdown .bui-dropdown-items .bui-dropdown-item:hover {
    background-color: var(--c-hover) !important;
  }
  .bui-dropdown .bui-dropdown-items .bui-dropdown-item {
    background-color: transparent !important;
  }
  .van-popper .popper__arrow {
    border-width: 0;
  }
  .van-popper .popper__arrow::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--c-background) !important;
  }
  .el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: var(--c-border) !important;
  }
  .el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: var(--c-background) !important;
  }
  .bili-header-m .profile-m .grade .desc-tips .arrow-left,
  .dynamic-m .dyn_menu .line:before,
  .nav-link .nav-link-ul .nav-link-item:last-child,
  .bili-header-m .nav-menu .nav-wrapper-left .nav-item:last-child,
  .popover-game,
  .popover-live,
  .popover-manga,
  .bili-header-m .nav-menu .nav-wrapper-left .nav-item .i-frame,
  .nav-user-center .user-con .item:nth-child(2),
  .nav-wrapper-right .nav-con .nav-item:nth-child(2),
  .nav-wrapper-right .nav-con .nav-item:nth-child(5),
  .van-popper-avatar .coins .contact .contact-tips::after,
  .bili-header-m .profile-m .btns-profile .ver .tips:after {
    display: none !important;
  }
  .channel-menu-mini,
  .international-header .mini-type,
  .van-popover .mini-type {
    background-color: var(--c-background);
  }
  .channel-menu-mini .box a:hover {
    background-color: var(--c-hover);
  }
  .channel-menu-mini .r-box {
    border-color: var(--c-border);
  }
  .primary-menu .nav-menu>li .nav-name,
  .mini-type .nav-user-center .user-con .item .name,
  .video-info .line-1,
  .video-info .line-2,
  .van-popper-favorite .play-all .bilifont.bili-icon_dingdao_bofang {
    color: var(--c-title) !important;
  }
  .mini-type .nav-user-center .user-con .item .name:hover {
    color: var(--c-accent) !important;
  }
  .international-header .mini-type,
  .van-popover .mini-type {
    border-bottom: 1px solid var(--c-border);
  }
  .nav-link,
  .nav-wrapper-left {
    width: 350px;
  }
  .nav-link .nav-link-ul,
  .nav-wrapper-left .nav-con-ul {
    width: 36px;
  }
  .nav-link .nav-link-ul .nav-link-item,
  .nav-wrapper-left .nav-con-ul .nav-item {
    opacity: 0;
    transform: translateY(-40px);
    transition: all 0.3s ease-in-out;
  }
  .nav-link .nav-link-ul .nav-link-item:first-child,
  .nav-wrapper-left .nav-con-ul .nav-item:first-child {
    opacity: 1;
    transform: translateY(0);
  }
  .nav-link .nav-link-ul .nav-link-item:nth-child(2),
  .nav-wrapper-left .nav-con-ul .nav-item:nth-child(2) {
    transition-delay: 0.05s;
  }
  .nav-link .nav-link-ul .nav-link-item:nth-child(3),
  .nav-wrapper-left .nav-con-ul .nav-item:nth-child(3) {
    transition-delay: 0.1s;
  }
  .nav-link .nav-link-ul .nav-link-item:nth-child(4),
  .nav-wrapper-left .nav-con-ul .nav-item:nth-child(4) {
    transition-delay: 0.15s;
  }
  .nav-link .nav-link-ul .nav-link-item:nth-child(5),
  .nav-wrapper-left .nav-con-ul .nav-item:nth-child(5) {
    transition-delay: 0.2s;
  }
  .nav-link .nav-link-ul .nav-link-item:nth-child(6),
  .nav-wrapper-left .nav-con-ul .nav-item:nth-child(6) {
    transition-delay: 0.25s;
  }
  .nav-link .nav-link-ul .nav-link-item:nth-child(7),
  .nav-wrapper-left .nav-con-ul .nav-item:nth-child(7) {
    transition-delay: 0.3s;
  }
  .nav-link .nav-link-ul .nav-link-item:nth-child(8),
  .nav-wrapper-left .nav-con-ul .nav-item:nth-child(8) {
    transition-delay: 0.35s;
  }
  .nav-link .nav-link-ul .nav-link-item:nth-child(9),
  .nav-wrapper-left .nav-con-ul .nav-item:nth-child(9) {
    transition-delay: 0.4s;
  }
  .nav-link .nav-link-ul .nav-link-item:nth-child(10),
  .nav-wrapper-left .nav-con-ul .nav-item:nth-child(10) {
    transition-delay: 0.45s;
  }
  .nav-link .nav-link-ul .nav-link-item:nth-child(11),
  .nav-wrapper-left .nav-con-ul .nav-item:nth-child(11) {
    transition-delay: 0.5s;
  }
  .nav-link .nav-link-ul .nav-link-item:nth-child(12),
  .nav-wrapper-left .nav-con-ul .nav-item:nth-child(12) {
    transition-delay: 0.55s;
  }
  .nav-link .nav-link-ul .nav-link-item:nth-child(13),
  .nav-wrapper-left .nav-con-ul .nav-item:nth-child(13) {
    transition-delay: 0.6s;
  }
  .nav-link .nav-link-ul .nav-link-item:nth-child(14),
  .nav-wrapper-left .nav-con-ul .nav-item:nth-child(14) {
    transition-delay: 0.65s;
  }
  .nav-link .nav-link-ul .nav-link-item:nth-child(15),
  .nav-wrapper-left .nav-con-ul .nav-item:nth-child(15) {
    transition-delay: 0.7s;
  }
  .nav-link .nav-link-ul:hover,
  .nav-wrapper-left .nav-con-ul:hover {
    width: auto;
  }
  .nav-link .nav-link-ul:hover .nav-link-item,
  .nav-wrapper-left .nav-con-ul:hover .nav-item {
    opacity: 1;
    transform: translateY(0);
  }
  .nav-link .nav-link-ul .nav-link-item:first-child .link {
    font-size: 0;
  }
  .nav-link .bili-icon_dingdao_zhuzhan {
    font-size: 30px;
  }
  .mini-upload {
    margin-left: 12px !important;
    width: auto !important;
    background-color: transparent !important;
    color: var(--c-title) !important;
  }
  .bili-header-m .nav-search .nav-search-btn,
  .international-header .nav-search .nav-search-btn,
  .mini-header input {
    background-color: transparent !important;
  }
  .bili-header-m .nav-search .nav-search-btn::after,
  .international-header .nav-search .nav-search-btn::after,
  .mini-header input::after {
    content: none;
  }
  .van-popper-avatar,
  .van-popper-favorite,
  .van-popper-history,
  .van-popper-upload,
  .mini-header .nav-user-center .nav-item iframe,
  .bili-header-m .profile-m,
  .bili-header-m .mini-wnd-nav,
  .bili-header-m .nav-menu .nav-con .nav-item .i-frame,
  .news-notice-panel,
  .publish-panel,
  .popover-channe,
  .user-panel-ctnr .user-panel .lens-ctnr,
  .nav-item.message .i-frame {
    border: 1px solid var(--c-border) !important;
    border-top-width: 0 !important;
  }
  .user-panel-ctnr .user-panel .lens-ctnr {
    border-radius: 0 0 10px 10px;
  }
  .lang-change .lang-intro {
    border: 1px solid var(--c-border) !important;
  }
  .mini-header .nav-user-center .item:nth-child(3) .nav-item .i-frame {
    height: 206px;
  }
  .mini-header .nav-user-center .item:nth-child(4) .nav-item .i-frame {
    height: 520px;
  }
  .van-popper-avatar .level-bar,
  .bili-header-m .profile-m .grade .bar,
  .video-preview .bar {
    background-color: var(--c-border) !important;
  }
  .van-popper-avatar .links .link-item:hover,
  .lang-change .lang-item:hover,
  .lang-change .lang-intro-item:hover,
  .van-popper-avatar .logout a:hover,
  .van-popper-avatar .logout span:hover {
    background-color: var(--c-hover) !important;
  }
  .van-popper-avatar .level-bar .level-progress,
  .bili-header-m .profile-m .grade .bar .lt,
  .bili-header-m .profile-m .grade .bar .rate,
  .bp-red-point,
  .vip.vip--green,
  .video-preview .progress {
    background-color: var(--c-accent) !important;
  }
  .lang-change .lang-item .lang-title {
    color: var(--c-title) !important;
  }
  .out-container .video-tab .tip-box {
    color: var(--c-text) !important;
  }
  .lang-change .lang-item:hover .lang-title,
  .lang-change .lang-intro-item.on,
  .lang-change .lang-intro-item:hover,
  .bili-header-m .profile-m .grade .desc-tips .lv-row strong,
  .out-container .tab-bar .tab-item:hover,
  .van-popper-avatar .logout a:hover,
  .nickname.nickname--green {
    color: var(--c-accent) !important;
  }
  .out-container .tab-bar .active:hover {
    color: var(--c-white) !important;
  }
  .van-popper-avatar .coins,
  .van-popper-avatar .counts,
  .van-popper-avatar .links,
  .van-popper-avatar .lang-change {
    border-color: var(--c-border) !important;
  }
  .van-popper-avatar .level-intro,
  .lang-change .lang-intro {
    background-color: var(--c-background) !important;
    color: var(--c-text) !important;
  }
  .van-popper-avatar .coins .contact .contact-tips,
  .bili-header-m .profile-m .btns-profile .ver .tips {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
    color: var(--c-title) !important;
  }
  .dynamic-m .dyn_list_wrapper .dyn_list li .r .title .uname {
    background-color: transparent !important;
    color: var(--c-title) !important;
  }
  .lang-change .lang-intro {
    width: 180px;
  }
  .van-popper-avatar .level-intro {
    left: -241px !important;
    border: 1px solid var(--c-border);
  }
  .i-frame,
  .i-frame iframe,
  .i-frame::before,
  .im-list-box,
  .bili-header-m .nav-menu .nav-con .nav-item .i-frame,
  .dynamic-m .dyn_list_wrapper,
  .dynamic-m .dyn_list_wrapper .dyn_list,
  .bili-header-m .nav-menu .up-load .up-nav li {
    background-color: transparent !important;
  }
  .im-list:hover {
    background-color: var(--c-hover) !important;
    color: var(--c-accent) !important;
  }
  .out-container {
    box-shadow: none !important;
    background-color: transparent !important;
  }
  .tab-bar {
    border-color: var(--c-border) !important;
    color: var(--c-text) !important;
  }
  .tab-item.active,
  .van-popper-history .tab-item--active {
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .split-line::before {
    border-color: var(--c-border) !important;
  }
  .split-line .history-tip {
    background-color: var(--c-background) !important;
  }
  .out-container .container .video-tab .list-item .center-box .name-line .user-name {
    color: var(--c-title) !important;
  }
  .out-container .container .list-item:hover {
    background-color: var(--c-hover) !important;
  }
  .more-btn:hover,
  .van-popper-history .view-all:hover {
    background-color: var(--c-hover) !important;
  }
  .dynamic-iframe {
    padding: 0 !important;
    width: 100% !important;
  }
  .dynamic-m {
    width: 100% !important;
    box-shadow: none !important;
  }
  .video-info .line-2 {
    color: var(--c-title) !important;
  }
  .video-info .line-2:hover,
  .van-popper-favorite .video-panel .play-all .bilifont,
  .van-popper-favorite .tab-item--normal:hover span,
  .van-popper-favorite .tab-item--active span,
  .van-popper-history .tab-item:hover,
  .van-popper-favorite .play-all:hover .bilifont.bili-icon_dingdao_bofang {
    color: var(--c-accent) !important;
  }
  .duration-tag {
    color: var(--c-white) !important;
  }
  .van-popper-favorite .tabs-panel,
  .van-popper-history .tab-header {
    border-color: var(--c-border) !important;
  }
  .van-popper-favorite .tab-item--active,
  .header-video-card:hover {
    background-color: var(--c-hover) !important;
  }
  .van-popper-favorite .tab-item--normal:hover,
  .video-card:hover {
    background-color: var(--c-hover) !important;
  }
  .van-popper-upload .upload-item:hover {
    background-color: var(--c-hover) !important;
    color: var(--c-title) !important;
  }
  .van-popper-login .vp-container {
    border-color: var(--c-border) !important;
  }
  .van-popper-login .lang-change {
    border: 0;
  }
  .bili-header-m,
  .bili-header-m .nav-menu .nav-mask,
  .channel-menu {
    background-color: var(--c-background);
  }
  .bili-header-m .profile-m .btns-profile .num {
    background-color: transparent !important;
    color: var(--c-text) !important;
  }
  .bili-header-m .nav-menu .nav-con .nav-item.home .t {
    font-size: 0;
  }
  .bili-header-m .nav-menu .nav-con .nav-item.home .header-icon-bilibili-tv {
    font-size: 30px;
  }
  .bili-header-m .nav-menu .nav-con .nav-item:hover,
  .stardust-video .nav-menu .nav-con .nav-item:hover,
  .bili-header-m .nav-menu .up-load:hover .u-link {
    background-color: transparent !important;
  }
  .channel-menu .box a:hover,
  .bili-header-m .nav-menu .up-load .up-nav li:hover {
    background-color: var(--c-hover);
  }
  .bili-header-m .nav-menu .nav-con .nav-item .t {
    color: var(--c-title);
  }
  .bili-header-m .nav-menu .nav-mask {
    box-shadow: none;
    border-bottom: 1px solid var(--c-border);
  }
  .channel-menu .r-box {
    border-color: var(--c-border);
  }
  .bili-header-m .nav-menu .up-load {
    margin: 0 7px 0 0;
    padding: 0 7px;
    width: auto;
  }
  .bili-header-m .nav-menu .up-load .u-link {
    padding: 0 7px;
    width: auto;
    height: auto;
    border-radius: 0;
    background-color: transparent;
    font-size: 12px;
    color: var(--c-title);
  }
  .bili-header-m .nav-menu .up-load .up-nav {
    border: 1px solid var(--c-border);
    background-color: var(--c-background);
  }
  .bili-header-m .profile-m .member-menu {
    padding-bottom: 52px;
  }
  .bili-header-m .profile-m .member-bottom {
    height: 42px !important;
    border-top: 1px solid var(--c-border);
    background-color: var(--c-background) !important;
    text-align: center !important;
    line-height: 42px !important;
    transition: background-color 0.3s ease-in-out !important;
  }
  .bili-header-m .profile-m .member-bottom:hover {
    background-color: var(--c-hover) !important;
  }
  .bili-header-m .profile-m .member-bottom a {
    float: none !important;
    display: block;
  }
  .bili-header-m .nav-search .nav-search-keyword,
  .bili-header-m .profile-m .grade .bar .num {
    background-color: transparent !important;
  }
  .search-submit,
  .nav-search-submit {
    background-color: transparent !important;
    color: var(--c-text) !important;
  }
  .search-submit::after,
  .nav-search-submit::after {
    content: none;
  }
  .bili-header-m .bilibili-suggest,
  .dynamic-m .wnd_bottom a,
  .bilibili-search-suggest,
  .bilibili-search-history {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
  }
  .bili-header-m .bilibili-suggest .b-line {
    border-color: var(--c-border);
  }
  .bili-header-m .bilibili-suggest .b-line span {
    background-color: var(--c-background);
    color: var(--c-text);
  }
  .bili-header-m .bilibili-suggest .suggest-item:hover,
  .bili-header-m .bilibili-suggest .suggest-item.focus,
  .dynamic-m .wnd_bottom a:hover,
  .dynamic-m .dyn_list_wrapper .dyn_list li.d-data:hover,
  .bili-header-m .mini-wnd-nav .list li:hover,
  .bilibili-search-suggest .suggest-item.focus,
  .bilibili-search-suggest .suggest-item:hover,
  .bilibili-search-history .history-item.focus,
  .bilibili-search-history .history-item:hover {
    background-color: var(--c-hover) !important;
  }
  .bilibili-search-suggest .suggest-item .suggest_high_light {
    background-color: transparent !important;
    color: var(--c-accent) !important;
  }
  .bili-header-m .profile-m .header-uname .vip-type span {
    background-color: var(--c-accent);
    color: var(--c-white);
  }
  .bili-header-m .profile-m .grade .desc-tips {
    background-color: var(--c-background);
    color: var(--c-text);
  }
  .dynamic-m {
    border: 0;
    background-color: transparent;
  }
  .dynamic-m .dyn_menu .line {
    background-color: var(--c-accent);
  }
  .dynamic-m .dyn_list_wrapper .dyn_list li .r .title span.sp {
    background-color: transparent;
    color: var(--c-accent);
  }
  .dynamic-m .dyn_list_wrapper .dyn_list li.history,
  .bili-header-m .mini-wnd-nav .list.history li.timeline,
  .bili-header-m .profile-m .member-menu {
    border-color: var(--c-border);
  }
  .dynamic-m .dyn_list_wrapper .dyn_list li .history-tag,
  .bili-header-m .mini-wnd-nav .list.history li.timeline .date {
    background-color: var(--c-background);
    color: var(--c-text);
  }
  .bb-comment .nameplate .nameplate-card .nameplate-arrow,
  .comment-bilibili-fold .nameplate .nameplate-card .nameplate-arrow,
  .bb-comment .nameplate,
  .comment-bilibili-fold .nameplate,
  .replies-comment-input-wrapper .replies-upload .comment-input-img span,
  .bb-comment .sailing,
  .comment-bilibili-fold .sailing {
    display: none;
  }
  .comment,
  .emoji-box .emoji-tabs,
  .bb-comment .comment-list .list-item .reply-box .view-more .btn-more:hover,
  .comment-bilibili-fold .comment-list .list-item .reply-box .view-more .btn-more:hover,
  .bb-comment .no-login .baffle,
  .comment-bilibili-fold .no-login .baffle,
  .bb-comment .comment-send.comment-send-lite,
  .comment-bilibili-fold .comment-send.comment-send-lite,
  .bb-comment .comment-send-lite.comment-send-lite,
  .comment-bilibili-fold .comment-send-lite.comment-send-lite {
    background-color: var(--c-background) !important;
  }
  .emoji-box .emoji-tabs .tab-link.on,
  .emoji-box .emoji-tabs .tab-link:hover,
  .bb-comment .comment-list .list-item .con .vote-container .image-area .share-img,
  .comment-bilibili-fold .comment-list .list-item .con .vote-container .image-area .share-img,
  .bb-comment .comment-list .list-item .con .vote-container,
  .bb-comment .comment-list .list-item .info .reply-tags span,
  .comment-bilibili-fold .comment-list .list-item .info .reply-tags span {
    background-color: var(--c-hover) !important;
  }
  #comment,
  .page-comment,
  .bb-comment,
  .comment-bg,
  .comment-area,
  .comment-bilibili-fold,
  .dynamic-list-item-wrap .item-user a.user-name,
  .textarea-container .comm-tool .comm-emoji {
    background-color: transparent !important;
  }
  .comment .comment-selecotr .all-comments.active:before,
  .comment .comment-selecotr .sortByHot.active:before {
    background-color: var(--c-accent) !important;
  }
  .paging-box .current,
  .bb-comment .nameplate .nameplate-card .nameplate-text .n-name,
  .comment-bilibili-fold .nameplate .nameplate-card .nameplate-text .n-name,
  .btn-box .liked span,
  .btn-box .liked:hover span,
  .comment .comment-hot-item-user-name,
  .bb-comment .comment-list .list-item .con .vote-container .text-area .text-content,
  .comment-bilibili-fold .comment-list .list-item .con .vote-container .text-area .text-content,
  .comment-bilibili-con .t {
    color: var(--c-title) !important;
  }
  .bb-comment .comment-header .tabs-order li,
  .bb-comment .comment-list .list-item .reply-box .view-more,
  .comment-bilibili-fold .comment-list .list-item .reply-box .view-more,
  .replies-comment-input-wrapper .replies-upload .comment-input-img,
  .bb-comment .comment-list .list-item .con .vote-container .text-area .text-desc,
  .comment-bilibili-fold .comment-list .list-item .con .vote-container .text-area .text-desc {
    color: var(--c-text) !important;
  }
  .bb-comment .stick.true-love .medal-level,
  .comment-bilibili-fold .stick.true-love .medal-level {
    color: var(--c-white) !important;
  }
  .comment-bilibili-fold .comment-header .tabs-order li.on,
  .paging-box .current,
  .comment .comment-selecotr .all-comments.active,
  .comment .comment-selecotr .sortByHot.active,
  .bb-comment .comment-header .tabs-order li:hover,
  .comment-bilibili-fold .comment-header .tabs-order li:hover {
    color: var(--c-accent) !important;
  }
  .bb-comment .comment-header,
  .comment-bilibili-fold .comment-header,
  .bb-comment .comment-list .list-item .con,
  .comment-bilibili-fold .comment-list .list-item .con,
  .bb-comment .comment-list .list-item:last-child .con,
  .comment-bilibili-fold .comment-list .list-item:last-child .con,
  .paging-box-big .page-jump input:focus,
  .bb-comment .comment-list .list-item .con .vote-container,
  .comment-bilibili-fold .comment-list .list-item .con .vote-container,
  .comment-area .comm-main .comm-tabs,
  .bb-comment .comment-send .comment-emoji,
  .comment-bilibili-fold .comment-send .comment-emoji,
  .replies-comment-input-wrapper .replies-upload .comment-input-img,
  .textarea-container .comm-tool .comm-emoji,
  .dynamic-list-item-wrap,
  .comment-area .comm-more,
  .bb-comment .stick.true-love .medal-level,
  .comment-bilibili-fold .stick.true-love .medal-level,
  .list-comment,
  .panel-area .bb-comment .bottom-page.center,
  .reply-item,
  .comment-bilibili-con .t,
  .bb-comment .comment-send-lite .comment-emoji,
  .comment-bilibili-fold .comment-send-lite .comment-emoji {
    border-color: var(--c-border) !important;
  }
  .bb-comment .no-login .baffle,
  .comment-bilibili-fold .no-login .baffle {
    border: 1px solid var(--c-border);
  }
  .comment .comment-selecotr,
  .comment .comment-hot-item-user-content {
    border-bottom: 1px solid var(--c-border);
  }
  .comment,
  .bb-comment .nameplate .nameplate-card .nameplate-text,
  .comment-bilibili-fold .nameplate .nameplate-card .nameplate-text,
  .main-container .plp-l .comment-wrapper {
    border: 0 !important;
  }
  .bb-comment .comment-list .list-item .con .vote-container:hover .text-area,
  .comment-bilibili-fold .comment-list .list-item .con .vote-container:hover .text-area,
  .comment .comment-selecotr,
  .comment .comment-hot-item-user-content,
  .bb-comment .comment-send .comment-emoji,
  .comment-bilibili-fold .comment-send .comment-emoji,
  .bb-comment .comment-send-lite .comment-emoji,
  .comment-bilibili-fold .comment-send-lite .comment-emoji {
    box-shadow: none;
  }
  .bb-comment .comment-send.comment-send-lite,
  .comment-bilibili-fold .comment-send.comment-send-lite,
  .bb-comment .comment-send-lite.comment-send-lite,
  .comment-bilibili-fold .comment-send-lite.comment-send-lite {
    box-shadow: 0 -1px 4px var(--c-hover);
  }
  .bb-comment .comment-header .tabs-order li.on:after,
  .comment-bilibili-fold .comment-header .tabs-order li.on:after {
    background-image: none;
  }
  .replies-comment-input-wrapper .replies-upload .comment-input-img {
    text-indent: 0 !important;
  }
  .bb-comment .comment-send-lite .comment-submit,
  .comment-bilibili-fold .comment-send-lite .comment-submit {
    position: relative !important;
    right: 0 !important;
  }
  .bb-comment .comment-header .tabs-order li.on,
  .comment-bilibili-fold .comment-header .tabs-order li.on,
  .comment-area .comm-main .comm-tabs >ul >li.active {
    border-color: var(--c-accent) !important;
    color: var(--c-accent) !important;
  }
  .bb-comment .nameplate .nameplate-card,
  .comment-bilibili-fold .nameplate .nameplate-card,
  .user-card,
  .replies-comment-input-wrapper .replies-upload .replies-uploading-container {
    border-color: var(--c-border);
    box-shadow: none;
    background-color: var(--c-background);
  }
  .emoji-box {
    border-color: var(--c-border);
    box-shadow: none;
    background-color: var(--c-background);
    overflow: hidden;
  }
  .bb-comment .comment-list .list-item .info .operation .opera-list,
  .comment-bilibili-fold .comment-list .list-item .info .operation .opera-list {
    border: 1px solid var(--c-border);
    background-color: var(--c-background);
    color: var(--c-title);
  }
  .bb-comment .comment-list .list-item .info .operation .opera-list li:hover,
  .comment-bilibili-fold .comment-list .list-item .info .operation .opera-list li:hover {
    background-color: var(--c-hover);
    color: var(--c-title);
  }
  .bb-comment .comment-list .list-item .info .btn-hover:hover,
  .comment-bilibili-fold .comment-list .list-item .info .btn-hover:hover,
  .dynamic-list-item-wrap .info .btn,
  .comment-bilibili-con .t .btn-close {
    background-color: transparent !important;
    color: var(--c-accent) !important;
  }
  .bb-comment .comment-list .list-item .info .btn-hover:hover::after,
  .comment-bilibili-fold .comment-list .list-item .info .btn-hover:hover::after,
  .dynamic-list-item-wrap .info .btn::after,
  .comment-bilibili-con .t .btn-close::after {
    content: none;
  }
  .comment-bilibili-con .t .btn-close::before {
    content: 'X';
    top: auto;
    height: 27px;
    background: transparent;
    transform: rotate(0deg);
  }
  .feed-card .content .bottom img,
  .card-decorator {
    display: none !important;
  }
  .feed-card .card,
  .feed .card,
  .feed-tag .publish-panel-container,
  .feed-tag .publish-panel,
  .feed-tag .card,
  .backdrop iframe,
  .result.is-web,
  .dynamic-link-hover-bg:hover {
    background-color: var(--c-background) !important;
  }
  .imagesbox .boost-control,
  .feed-tag .core-style {
    background-color: var(--c-hover) !important;
  }
  .like-users-panel::before {
    background-color: var(--c-border) !important;
  }
  .video-container .text-area .title,
  .feed-tag .separater-line,
  .title-text {
    color: var(--c-title) !important;
  }
  .video-container .text-area .view-danmaku span,
  .imagesbox .boost-control li i {
    color: var(--c-text) !important;
  }
  .card .focus-btn .unfocus .unfocus-text,
  .card .focus-btn .focus .focus-text {
    color: var(--c-white) !important;
  }
  .dynamic-link-hover-bg,
  .shop-desc .desc-box .price-desc,
  .userinfo-wrapper .info .user .vip,
  .imagesbox .boost-control li:hover span,
  .imagesbox .boost-control li:hover i,
  .clock-time,
  .user-name.big-vip a,
  .expand-btn,
  .card .button-area .more-button:hover {
    color: var(--c-accent) !important;
  }
  .clock-time::after,
  .result-list .row::after,
  .prize-item .prize-img,
  .backdrop .title-box,
  .card .fold-box {
    border-color: var(--c-border) !important;
  }
  .feed-card .card,
  .feed-tag .card,
  .feed .card,
  .dynamic-link-hover-bg:hover,
  .feed-tag .core-style {
    border: 0 !important;
  }
  .text-area {
    box-shadow: none !important;
  }
  .feed-card .card .main-content,
  .feed-card .card .card-content,
  .card .main-content {
    width: auto !important;
  }
  .feed-card .content .bottom {
    height: auto !important;
  }
  .card-content .repost {
    margin-right: 20px;
  }
  .video-container,
  .article-container,
  .card .more-panel,
  .card-content .repost,
  .card-content .not-support,
  .card-content .deleted,
  .bg-white,
  .shop-panel .shop-list,
  .bangumi-container,
  .live-container {
    border-color: var(--c-border) !important;
    background-color: var(--c-hover) !important;
  }
  .card .more-panel:after {
    background-color: var(--c-hover) !important;
    border-top-color: var(--c-border) !important;
    border-left-color: var(--c-border) !important;
  }
  .card .more-panel {
    border-color: var(--c-border) !important;
    box-shadow: none !important;
    background-color: var(--c-background) !important;
    color: var(--c-title) !important;
  }
  .card .more-panel .child-button:hover,
  .feed-title {
    background-color: var(--c-hover) !important;
    color: var(--c-title) !important;
  }
  .card .more-panel:after {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
  }
  .userinfo-wrapper,
  .userinfo-content {
    border-color: var(--c-border) !important;
    box-shadow: none !important;
    background-color: var(--c-background) !important;
  }
  .userinfo-wrapper .btn-box a {
    vertical-align: top;
  }
  .blp-ui-button,
  .photo-imager-container .control-buttons .close-button,
  .imagesbox .boost-img div,
  .photo-imager-container .control-buttons .control-button {
    border: 0 !important;
    background-color: transparent !important;
    color: var(--c-text) !important;
  }
  .blp-ui-button span,
  .photo-imager-container .control-buttons .close-button span,
  .imagesbox .boost-img div span,
  .photo-imager-container .control-buttons .control-button span {
    color: var(--c-text) !important;
  }
  .blp-ui-button::after,
  .photo-imager-container .control-buttons .close-button::after,
  .imagesbox .boost-img div::after,
  .photo-imager-container .control-buttons .control-button::after {
    content: none !important;
  }
  .error-split {
    display: none;
  }
  .error-container {
    background-color: var(--c-background);
  }
}
@-moz-document regexp("^.*www.bilibili.com/?((index\\.html)|(\\?.*))?"), url-prefix("https://www.bilibili.com/v/"), url-prefix("https://www.bilibili.com/anime/"), url-prefix("https://www.bilibili.com/guochuang/"), url-prefix("https://www.bilibili.com/cinema/"), url-prefix("https://www.bilibili.com/documentary/"), url-prefix("https://www.bilibili.com/movie/"), url-prefix("https://www.bilibili.com/tv/"), url-prefix("https://www.bilibili.com/audio/home"), url-prefix("https://www.bilibili.com/account/history"), url-prefix("https://www.bilibili.com/watchlater"), url-prefix("https://www.bilibili.com/ranking/"), url-prefix("https://www.bilibili.com/list/recommend/") {
  .van-popper-channel .popper__arrow {
    display: none !important;
  }
  .mini-header {
    background-color: var(--c-bg-header);
    backdrop-filter: blur(5px);
  }
  .nav-link-item .link,
  .mini-header .nav-user-center .nav-item a,
  .mini-header input,
  .mini-header .mini-upload,
  .mini-header .nav-user-center .user-con .item .name {
    color: var(--c-white) !important;
  }
  .mini-header .nav-user-center .nav-item a:hover,
  .bili-header-m .nav-search .nav-search-btn:hover,
  .international-header .nav-search .nav-search-btn:hover,
  .nav-link .nav-link-ul .nav-link-item .link:hover,
  .mini-header .mini-upload:hover,
  .mini-header .nav-user-center .user-con .item .name:hover {
    color: var(--c-accent) !important;
  }
  .bili-header-m .nav-search-box,
  .international-header .nav-search-box {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
  }
  .bili-header-m .nav-search,
  .international-header .nav-search {
    margin: 0 auto;
    width: 520px;
  }
  .bili-header-m .nav-search #nav_searchform,
  .international-header .nav-search #nav_searchform {
    padding: 0 60px 0 20px;
    border: 0;
    height: auto;
    border-radius: 25px;
    background-color: rgba(0,0,0,0.4) !important;
    overflow: hidden;
  }
  .bili-header-m .nav-search .nav-search-keyword,
  .international-header .nav-search .nav-search-keyword {
    height: 50px;
    font-size: 16px;
    color: var(--c-white);
  }
  .bili-header-m .nav-search .nav-search-submit,
  .international-header .nav-search .nav-search-submit {
    top: 0;
    right: 20px;
    font-size: 24px;
    color: var(--c-white) !important;
    line-height: 50px;
  }
  .bili-header-m .nav-search .nav-search-btn,
  .international-header .nav-search .nav-search-btn {
    width: 60px;
    height: 50px;
    border-radius: 0 25px 25px 0;
    background-color: rgba(0,0,0,0.6) !important;
  }
  .bili-banner {
    max-height: 220px;
    background-color: var(--c-background) !important;
  }
  .bili-banner .head-title {
    background-color: var(--c-hover) !important;
    color: var(--c-white) !important;
  }
  .bili-banner .taper-line {
    background-color: none !important;
  }
  .bili-banner {
    height: 14vw !important;
  }
  .channel-menu-itnl {
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto;
  }
  .channel-menu-itnl span {
    flex: 1;
  }
  .van-popper-channel {
    width: auto !important;
  }
  .van-popper-channel .sub-item {
    max-height: none;
  }
  .channel-menu-itnl .item {
    height: auto;
  }
  .channel-menu-itnl .item .name {
    margin: 0 auto;
    font-size: 16px;
  }
  .channel-menu-itnl .item .name em {
    display: block;
    margin: 2px auto 0;
    background-color: var(--c-accent);
  }
  .channel-menu-itnl span:last-child .item .name {
    margin-top: 2px;
  }
  .primary-menu-itnl {
    border: 0 !important;
  }
}
@-moz-document regexp("^.*/pages/nav/index.*"), regexp("^.*/pay/charge.*"), regexp("^.*/html/live-room-treasurebox/index.*"), regexp("^.*/html/live-lottery/anchor-join.*"), regexp("^.*/html/live-web-weekstar.*"), regexp("^.*/activity-feedtag.*") {
  html {
    background-image: none;
  }
  body {
    background-color: transparent;
  }
}
@-moz-document regexp("^.*/pay/charge.*"), regexp("^.*/html/live-room-treasurebox/index.*"), regexp("^.*/html/live-lottery/anchor-join.*"), regexp("^.*/activity-feedtag.*") {
  html {
    background-color: transparent;
  }
}
@-moz-document regexp("^.*www.bilibili.com/?((index\\.html)|(\\?.*))?") {
  .gg-window,
  .bypb-window,
  .live-tabs,
  .pgc-rank .pgc-rank-wrap,
  .rank-list .rank-wrap,
  .manga-rank .manga-rank-wrap,
  .ifmt,
  .video-card-common .title .live i {
    display: none !important;
  }
  .van-popover .sub-item a:hover,
  .gg-carousel .more,
  .rcmd-box-wrap .change-btn:hover {
    background-color: var(--c-hover);
  }
  .gg-carousel .gg-icon,
  .live-card .up .txt .tag {
    background-color: transparent !important;
  }
  .video-card-common .ex-up,
  .video-card-common .up,
  .article-card .r-con .up,
  .live-card .up .txt .tag,
  .time-line-card .txt .update .published,
  .manga-panel .manga-list-box .manga-card .manga-tag,
  .international-footer .link-box .link-item.link-c .bili-footer-font,
  .international-footer .link-box .link-item.link-c p {
    color: var(--c-text) !important;
  }
  .video-card-reco .info-box .info .title,
  .video-card-common .count span,
  .live-card .count,
  .home-slide .item .title,
  .video-card-reco .info-box .info .up,
  .video-card-reco .info-box .info .play,
  .gg-carousel .more {
    color: var(--c-white) !important;
  }
  .time-line .tab-switch .tab-switch-item.on,
  .time-line .tab-switch .tab-switch-item:hover,
  .manga-panel .tab-switch .tab-switch-item.on,
  .manga-panel .tab-switch .tab-switch-item:hover {
    color: var(--c-accent) !important;
  }
  .rcmd-box-wrap .change-btn {
    border-color: var(--c-border) !important;
  }
  .time-line .tab-switch .tab-switch-item.on,
  .manga-panel .tab-switch .tab-switch-item.on {
    border-color: var(--c-accent) !important;
  }
  .first-screen {
    margin-top: 40px;
  }
  #bili_anime .time-line .zone-list-box,
  #bili_guochuang .time-line .zone-list-box {
    padding: 10px;
  }
  .space-between {
    position: relative;
    justify-content: center;
  }
  .video-card-reco:hover .info-box:before {
    background-color: var(--c-bg-header);
    backdrop-filter: blur(5px);
  }
  .card-list,
  .extension,
  .manga-panel {
    width: 100%;
  }
  .guochuang .r-con {
    width: auto !important;
  }
  #bili_cheese .video-card-common .card-pic {
    height: auto;
  }
  .focus-carousel,
  .article-card .pic {
    margin-right: 10px;
  }
  .extension .ext-box {
    border-radius: 4px;
    background-color: var(--c-background);
  }
  .zone-list-box,
  .manga-panel .manga-list-box {
    justify-content: center;
    width: 100% !important;
    height: 495px !important;
    border-radius: 4px;
    background-color: var(--c-background);
  }
  #bili_anime .time-line .zone-list-box,
  #bili_guochuang .time-line .zone-list-box {
    max-height: 200px;
  }
  #bili_anime .card-list .zone-list-box,
  #bili_report_cheese .zone-list-box.cheese {
    height: 460px !important;
  }
  #bili_live .zone-list-box {
    height: 495px !important;
  }
  #bili_read .zone-list-box {
    height: 245px !important;
  }
  #bili_manga .manga-panel .manga-list-box {
    height: 812px !important;
  }
  #bili_report_spe_rec .zone-list-box {
    height: auto !important;
  }
@media screen and (max-width: 1870px) {
    #bili_report_spe_rec .zone-list-box .video-card-common:nth-child(n+6) {
      display: none;
    }
    .video-card-common,
    .live-card,
    .manga-panel .manga-list-box .manga-card {
      flex: 18% !important;
    }
    .b-footer-wrap .extension,
    .b-wrap .extension {
      width: 100%;
    }
    .zone-list-box,
    .manga-panel .manga-list-box {
      height: 480px !important;
    }
    #bili_anime .time-line .zone-list-box,
    #bili_guochuang .time-line .zone-list-box {
      max-height: 180px;
    }
    #bili_anime .card-list .zone-list-box,
    #bili_report_cheese .zone-list-box.cheese {
      height: 465px !important;
    }
    #bili_live .zone-list-box {
      height: 485px !important;
    }
    #bili_read .zone-list-box {
      height: 238px !important;
    }
    #bili_manga .manga-panel .manga-list-box {
      height: 843px !important;
    }
}
@media screen and (max-width: 1654px) {
    .b-footer-wrap .zone-list-box,
    .b-wrap .zone-list-box,
    .b-footer-wrap .extension,
    .b-footer-wrap .manga-list-box,
    .b-wrap .manga-list-box {
      width: 100% !important;
      height: 440px !important;
    }
    .b-footer-wrap .zone-list-box .live-card:nth-child(n+9),
    .b-footer-wrap .zone-list-box .video-card-common:nth-child(n+9),
    .b-wrap .zone-list-box .live-card:nth-child(n+9),
    .b-wrap .zone-list-box .video-card-common:nth-child(n+9),
    .b-footer-wrap .extension .video-card-common:nth-child(n+5),
    .b-wrap .extension .video-card-common:nth-child(n+5) {
      display: block;
    }
    .b-footer-wrap .extension .video-card-common:nth-child(n+6),
    .b-wrap .extension .video-card-common:nth-child(n+6) {
      display: none;
    }
    .video-card-common .card-pic {
      height: 124px !important;
    }
    .b-footer-wrap .manga-list-box .manga-card > img,
    .b-wrap .manga-list-box .manga-card > img,
    .b-wrap .extension {
      width: 100% !important;
      height: auto !important;
    }
    .b-footer-wrap .zone-list-box .article-card,
    .b-wrap .zone-list-box .article-card {
      width: 250px;
    }
    #bili_manga .manga-panel .manga-list-box {
      height: 748px !important;
    }
    #bili_live .zone-list-box {
      height: 477px !important;
    }
    #bili_anime .card-list .zone-list-box,
    #bili_report_cheese .zone-list-box.cheese {
      max-height: 400px;
    }
    #bili_read .zone-list-box {
      height: 228px !important;
    }
}
@media screen and (max-width: 1438px) {
    .b-footer-wrap .zone-list-box,
    .b-wrap .zone-list-box,
    .b-footer-wrap .extension,
    .b-footer-wrap .manga-list-box,
    .b-wrap .manga-list-box {
      width: 100% !important;
      height: 395px !important;
    }
    .b-footer-wrap .manga-list-box .manga-card:nth-child(n+9),
    .b-wrap .manga-list-box .manga-card:nth-child(n+9) {
      display: block;
    }
    .b-wrap .extension {
      width: 100% !important;
      height: auto !important;
    }
    .video-card-common .card-pic {
      height: 105px !important;
    }
    #bili_live .zone-list-box {
      height: 380px !important;
    }
    #bili_anime .card-list .zone-list-box,
    #bili_report_cheese .zone-list-box.cheese {
      max-height: 350px;
    }
    #bili_manga .manga-panel .manga-list-box {
      height: 648px !important;
    }
    #bili_read .zone-list-box .article-card:nth-child(n+7) {
      display: none;
    }
}
  .gg-carousel {
    margin-right: 10px;
  }
  .video-card-common,
  .live-card,
  .manga-panel .manga-list-box .manga-card {
    flex: 14%;
    margin: 1%;
  }
  .video-card-common .card-pic,
  .live-card .pic {
    height: 140px;
  }
  .exchange-btn .btn,
  .time-line .tl-link {
    margin-right: 20px;
    width: auto;
    border: 0;
    background-color: transparent !important;
    font-size: 0;
  }
  .exchange-btn .btn::after,
  .time-line .tl-link::after {
    content: none;
  }
  .exchange-btn .btn:hover,
  .time-line .tl-link,
  .time-line .tl-link:hover {
    background-color: transparent;
  }
  .exchange-btn .btn-change .bilifont,
  .time-line .tl-link .bilifont {
    font-size: 30px;
    color: var(--c-accent);
  }
  .live-card .up .txt {
    margin-left: 20px;
    flex: 1;
  }
  .time-line-card {
    margin: 0 10px 24px;
    width: 258px;
  }
  .time-line-card .txt {
    width: 170px;
  }
  .s-rec {
    height: auto;
  }
  .manga-panel .manga-list-box .manga-card > img {
    width: 100%;
    height: auto;
  }
  .time-line .zone-list-box .item {
    margin: 10px 10px 24px;
  }
  .article-card {
    flex: 20%;
    margin: 1%;
  }
  .article-card .r-con .count span {
    margin-right: 20px;
    width: auto;
  }
  .elevator .list-box {
    border-color: var(--c-border);
    background-color: var(--c-background);
  }
  .elevator .list-box .item {
    background-color: var(--c-background);
  }
  .elevator .ear {
    color: var(--c-border);
  }
  .elevator .list-box .item.sort,
  .elevator .list-box .item.back-top {
    border-color: var(--c-border);
  }
  .elevator .bg23 {
    backdrop-filter: blur(5px);
    background-color: var(--c-hover);
  }
  .pgc-rank,
  .rank-list,
  .b-wrap .manga-rank {
    position: absolute;
    top: 0;
    right: 70px;
    width: auto !important;
  }
  .pgc-rank .rank-header .name,
  .rank-list .rank-header .name,
  .b-wrap .manga-rank .rank-header .name,
  .pgc-rank .rank-header .tab-switch,
  .rank-list .rank-header .tab-switch,
  .b-wrap .manga-rank .rank-header .tab-switch {
    display: none;
  }
  .pgc-rank .rank-header .more,
  .rank-list .rank-header .more,
  .b-wrap .manga-rank .rank-header .more {
    display: flex;
    align-items: center;
    padding: 0;
    width: 26px;
    height: 26px;
    border: 0;
    font-size: 0;
  }
  .pgc-rank .rank-header .more:hover,
  .rank-list .rank-header .more:hover,
  .b-wrap .manga-rank .rank-header .more:hover {
    background-color: transparent;
  }
  .pgc-rank .rank-header .more:hover::before,
  .rank-list .rank-header .more:hover::before,
  .b-wrap .manga-rank .rank-header .more:hover::before {
    height: 6px;
  }
  .pgc-rank .rank-header .more:hover::after,
  .rank-list .rank-header .more:hover::after,
  .b-wrap .manga-rank .rank-header .more:hover::after {
    height: 24px;
  }
  .pgc-rank .rank-header .more:hover .bilifont::before,
  .rank-list .rank-header .more:hover .bilifont::before,
  .b-wrap .manga-rank .rank-header .more:hover .bilifont::before {
    height: 12px;
  }
  .pgc-rank .rank-header .more:hover .bilifont::after,
  .rank-list .rank-header .more:hover .bilifont::after,
  .b-wrap .manga-rank .rank-header .more:hover .bilifont::after {
    height: 18px;
  }
  .pgc-rank .rank-header .more::before,
  .rank-list .rank-header .more::before,
  .b-wrap .manga-rank .rank-header .more::before,
  .pgc-rank .rank-header .more::after,
  .rank-list .rank-header .more::after,
  .b-wrap .manga-rank .rank-header .more::after,
  .pgc-rank .rank-header .more .bilifont::before,
  .rank-list .rank-header .more .bilifont::before,
  .b-wrap .manga-rank .rank-header .more .bilifont::before,
  .pgc-rank .rank-header .more .bilifont::after,
  .rank-list .rank-header .more .bilifont::after,
  .b-wrap .manga-rank .rank-header .more .bilifont::after {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 2px;
    border-radius: 2px;
    background-color: var(--c-accent);
    transition: height 0.3s ease-in-out !important;
  }
  .pgc-rank .rank-header .more::before,
  .rank-list .rank-header .more::before,
  .b-wrap .manga-rank .rank-header .more::before {
    height: 10px;
  }
  .pgc-rank .rank-header .more::after,
  .rank-list .rank-header .more::after,
  .b-wrap .manga-rank .rank-header .more::after {
    margin-right: 0;
    height: 4px;
  }
  .pgc-rank .rank-header .more .bilifont,
  .rank-list .rank-header .more .bilifont,
  .b-wrap .manga-rank .rank-header .more .bilifont {
    display: flex;
    align-items: center;
  }
  .pgc-rank .rank-header .more .bilifont::before,
  .rank-list .rank-header .more .bilifont::before,
  .b-wrap .manga-rank .rank-header .more .bilifont::before {
    height: 24px;
  }
  .pgc-rank .rank-header .more .bilifont::after,
  .rank-list .rank-header .more .bilifont::after,
  .b-wrap .manga-rank .rank-header .more .bilifont::after {
    height: 14px;
  }
  .international-footer {
    display: block !important;
    border-top: 1px solid var(--c-border);
    background-color: var(--c-background);
  }
  .international-footer .link-box .link-item {
    border-color: var(--c-border);
  }
}
@-moz-document url-prefix("https://www.bilibili.com/v/"), url-prefix("https://www.bilibili.com/anime/"), url-prefix("https://www.bilibili.com/guochuang/"), url-prefix("https://www.bilibili.com/cinema/"), url-prefix("https://www.bilibili.com/documentary/"), url-prefix("https://www.bilibili.com/movie/"), url-prefix("https://www.bilibili.com/tv/"), url-prefix("https://www.bilibili.com/blackboard/"), url-prefix("https://www.bilibili.com/list/") {
  .bili-header-m .search .search-keyword {
    background-color: transparent !important;
  }
  .bili-header-m .nav-menu .blur-bg+.nav-mask+.nav-wrapper .nav-con .nav-item .t,
  .bili-header-m .nav-menu .blur-bg+.nav-mask+.nav-wrapper .up-load .u-link {
    color: var(--c-white) !important;
  }
  .bili-header-m .nav-menu .blur-bg+.nav-mask+.nav-wrapper .nav-con .nav-item .t:hover,
  .bili-header-m .nav-menu .blur-bg+.nav-mask+.nav-wrapper .up-load .u-link:hover {
    color: var(--c-accent) !important;
  }
  .bili-header-m .nav-menu .blur-bg+.nav-mask {
    border: 0;
    background-color: var(--c-bg-header);
    backdrop-filter: blur(5px);
  }
  .bili-header-m .nav-menu .blur-bg {
    background-image: none !important;
  }
  .bili-header-m .head-banner {
    min-height: 155px;
    height: 14vw;
    max-height: 220px;
    background-size: cover;
    background-position: center 0;
  }
  .bili-header-m .search {
    position: absolute;
    top: 100px;
    left: 50%;
    padding: 0;
    width: 520px;
    height: 50px;
    transform: translateX(-50%);
    background-color: transparent;
  }
  .bili-header-m .search .searchform,
  .bili-header-m .search .searchform:hover {
    padding: 0 60px 0 20px;
    height: 100%;
    border-radius: 25px;
    background-color: rgba(0,0,0,0.4);
    overflow: hidden;
  }
  .bili-header-m .search button.search-submit {
    width: 60px;
    height: 100%;
    border-radius: 0 25px 25px 0;
    background-color: rgba(0,0,0,0.6) !important;
    background-position: -647px -712px;
  }
  .bili-header-m .search button.search-submit:hover {
    background-position: -711px -711px;
  }
  .bili-header-m .search .search-keyword {
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: var(--c-white);
  }
  .bili-wrapper .r-con,
  .bili-footer,
  .bili-header-m .search .link-ranking,
  .zone-module .zone-rank,
  .video-floor-m .zone-title .headline .link-more,
  .audio-comers-module .zone-title .headline .link-more,
  .video-floor-m .zone-title .headline .tags,
  .promote-m .headline .sub-name,
  .bangumi-home-crumb .discovery-entry,
  .block-area .follow-wrapper .follow-head .follow-more,
  .new-stat-module .zone-title .headline .new-stat-more,
  .block-area .block-right,
  .index-entry-wrapper,
  .block-area .timeline-toggle-block,
  .block-area .timeline-title .headline .timeline-more,
  .cinema-home-wrapper .new-stat-module .storey-box .spread-module:nth-child(n+16),
  .special-recom-list .video-item-biref:nth-child(n+6),
  .special-recom-module .block-body .huge-recom,
  .block-area .block-left .block-header a.link-more,
  .block-left .headline .hot-link,
  .area-module .area-block .block-right,
  .block-left.block-brand .headline a.link-more,
  .block-left.block-brand .headline .tab-wrap,
  .cinema-home-crumb .activity-entry,
  .cinema-home-crumb .discovery-entry,
  .block-left .headline a.link-more,
  .card-video-list .video-item-biref:nth-child(n+6),
  .card-video-wrapper .card-video-content .huge-recom,
  .video-list-recom .cinema-recom,
  .video-list-video .video-item-biref:nth-child(n+6),
  .bili-tab .bili-tab-item.on:before,
  .video-floor-infomation-m .zone-title .headline .link-more,
  .video-floor-infomation-m .storey-box .storey-content .spread-module:nth-child(n+16) {
    display: none !important;
  }
  .audio-list .song-list .song-li .content .text,
  .game-groom-m .title,
  .game-groom-m .num,
  .charge-container,
  .popup-card .info {
    background-color: var(--c-background) !important;
  }
  .primary-menu .nav-menu .sub-nav li:hover,
  .video-floor-m .zone-title .headline .read-push:hover,
  .audio-comers-module .zone-title .headline .read-push:hover,
  .promote-m .headline .change-push:hover,
  .new-stat-module .zone-title .headline .read-push:hover,
  .random-change:hover,
  .charge-header .user-link,
  .battery-item .battery-bg,
  .hot-recom-wrapper .hot-trailer .player-list,
  .hot-recom-wrapper .hot-trailer .player-list .list-item-wrap .list-item.selected,
  .hot-recom-wrapper .hot-trailer .player-list .list-item-wrap .list-item:hover,
  .popup-card .preview,
  .rank-wrap .head-section .more span:hover,
  .charge-success-content>.charge-success-message {
    background-color: var(--c-hover) !important;
  }
  .split-line {
    background-color: var(--c-border) !important;
  }
  .spread-module .num,
  .charge-success-content>.charge-success-message textarea {
    background-color: transparent !important;
  }
  .primary-menu .nav-menu .channel.on:after,
  .timeline-box .timeline-item.new p.num a,
  .bangumi-item .cover-wrapper .corner-tag.badge_2,
  .coming-soon-wrapper .card-wrapper .card-item .time-line-wrapper.is-today .line .point-wrapper .point {
    background-color: var(--c-accent) !important;
  }
  .video-item-biref .biref-info .biref-title,
  .energy-m .headline .name,
  .coming-soon-wrapper .block-title,
  .battery-pay-info,
  .subtitle-new,
  .hot-recom-wrapper .hot-trailer .player-list .list-count,
  .hot-recom-wrapper .hot-title,
  .filter-wrapper .filter-title {
    color: var(--c-title) !important;
  }
  .bangumi-home-crumb .fcname ul.n_num li a,
  .spread-module .num span,
  .sub-nav-m ul li a,
  .coming-soon-wrapper .card-wrapper .card-item .time-line-wrapper .date,
  .coming-soon-wrapper .card-wrapper .card-item .time-line-wrapper .time,
  .charge-info,
  .hot-recom-wrapper .hot-trailer .player-list .list-item-wrap .list-item .list-desc,
  .popup-card .info .style,
  .popup-card .info .up-time,
  .popup-card .info .desc,
  .bangumi-index-crumb ul li a {
    color: var(--c-text) !important;
  }
  .carousel-module .panel .title a,
  .groom-module .card-mark .title,
  .groom-module .card-mark .author,
  .groom-module .card-mark .play,
  .banner-wrapper .side-list .side-item a span {
    color: var(--c-white) !important;
  }
  .bangumi-home-crumb .fcname ul.n_num li.on a,
  .battery-item.active .battery-text,
  .battery-pay-info span,
  .sub-nav-m ul li.on a,
  .hot-recom-wrapper .hot-trailer .player-list .list-count .num,
  .filter-block .filter-item-wrapper .filter-item:hover,
  .sub-nav-m ul li a:hover,
  .cinema-home-crumb ul li.on a,
  .charge-success-content>p span,
  .charge-success-content>p i,
  .bangumi-index-crumb ul li.on a,
  .bangumi-index-crumb ul li:hover a,
  .sort-item.on span,
  .filter-block .filter-item-wrapper .filter-item.on,
  .bili-tab .bili-tab-item:hover,
  .coming-soon-wrapper .card-wrapper .card-item .time-line-wrapper.is-today .date,
  .coming-soon-wrapper .card-wrapper .card-item .time-line-wrapper.is-today .time {
    color: var(--c-accent) !important;
  }
  .primary-menu.border-b,
  .cinema-home-crumb ul li,
  .charge-header .user-link,
  .battery-item .battery-bg,
  .copyright-detail,
  .hot-recom-wrapper .hot-trailer .player-list .list-item-wrap .list-item .list-cover,
  .rank-wrap .head-section .more span,
  .chief-thumb-item,
  .charge-success-content>.charge-success-message {
    border-color: var(--c-border) !important;
  }
  .battery-item.active .battery-bg,
  .hot-recom-wrapper .hot-trailer .player-list .list-item-wrap .list-item.selected .list-cover,
  .carousel-wrapper .carou-mini .thumb-cursor {
    border-color: var(--c-accent) !important;
  }
  .hot-recom-wrapper .hot-trailer .player-list .list-item-wrap .list-item.selected .list-cover:after {
    border-right-color: var(--c-accent) !important;
  }
  .sort-item i.up {
    border-bottom-color: var(--c-border);
  }
  .sort-item i.down {
    border-top-color: var(--c-border);
  }
  .sort-item.on i.active {
    border-color: var(--c-accent) rgba(0,0,0,0);
  }
  .international-header .primary-menu-itnl {
    border: 0;
  }
  .block-area:last-child {
    margin: 0;
  }
  .filter-body .pagelistbox {
    margin: 20px 0;
  }
  .home-article,
  .music-article .pager {
    margin: 30px 0 0;
  }
  .bili-wrapper,
  .cinema-home-wrapper,
  .music-article {
    padding-bottom: 40px !important;
  }
  .video-floor-infomation-m .storey-box {
    height: auto !important;
  }
  .charge-header-bg {
    background-image: none !important;
  }
  .groom-module:hover .card-mark {
    backdrop-filter: blur(5px);
  }
  .primary-menu .nav-menu>li .num-wrap span {
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .primary-menu .nav-menu .sub-nav,
  .sub-nav-m .tips {
    border: 1px solid var(--c-border);
    background-color: var(--c-background) !important;
  }
  .bili-wrapper .l-con,
  .block-area .block-left,
  .area-block .block-left {
    float: none !important;
    width: auto !important;
  }
  .bili-tab .bili-tab-item.on {
    border-color: var(--c-accent);
    color: var(--c-accent) !important;
  }
  .video-floor-m .zone-title .headline .read-push,
  .audio-comers-module .zone-title .headline .read-push,
  .promote-m .headline .change-push,
  .new-stat-module .zone-title .headline .read-push,
  .random-change {
    border: 0;
    background-color: transparent;
    font-size: 0;
  }
  .go-top-m .go-top {
    background-position: -714px -72px;
  }
  .energy-m .storey-box,
  .video-floor-m .storey-box,
  .audio-list .song-list,
  .promote-m .storey-box,
  .hot-recom-module .block-body,
  .new-stat-module .storey-box,
  .video-floor-infomation-m .storey-box .storey-content,
  .special-recom-module .block-body ul,
  .area-module .video-list-video,
  .area-module .video-list-movie,
  .area-module .video-list-brand,
  .block-area .card-video-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: justify;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: center;
    width: 100%;
    height: auto !important;
    max-height: 630px !important;
    border-radius: 4px;
    background-color: var(--c-background) !important;
  }
  .energy-m .storey-box .spread-module,
  .video-floor-m .storey-box .spread-module,
  .audio-list .song-list .song-li,
  .promote-m .storey-box .spread-module,
  .video-item-biref,
  .new-stat-module .storey-box .spread-module,
  .video-floor-infomation-m .storey-box .storey-content .spread-module,
  .video-item-biref.cinema-large {
    float: none;
    flex: 18%;
    margin: 1%;
  }
  .spread-module,
  .spread-module .pic,
  .audio-list .song-list .song-li,
  .audio-list .song-list .song-li .mask,
  .audio-list .song-list .song-li .song-shadow,
  .video-item-biref,
  .video-item-biref a,
  .video-item-biref .biref-img,
  .video-item-biref.cinema-large,
  .video-item-biref.cinema-large .biref-img {
    width: 100%;
    height: auto;
  }
  .spread-module .pic {
    max-height: 133px;
  }
  .game-groom-m {
    border: 0;
    background-color: var(--c-background) !important;
  }
  .block-left,
  .special-recom-module .block-body,
  .block-area .card-video-content {
    height: auto !important;
  }
  .block-timeline .timeline-box {
    padding-top: 12px;
    height: 350px;
    border-radius: 4px;
    overflow: hidden scroll;
    background-color: var(--c-background);
  }
  .timeline-box ul {
    height: auto !important;
  }
  .block-area .timeline-wrapper.fix-width .timeline-box .timeline-item {
    padding-right: 53px;
  }
  .sub-nav-m .tips .t-arrow {
    width: 0;
    height: 0;
    border-bottom: 5px solid var(--c-border);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    background-image: none;
  }
  .coming-soon-wrapper .card-wrapper .card-item .time-line-wrapper .line,
  .coming-soon-wrapper .card-wrapper .card-item .time-line-wrapper .line .point-wrapper,
  .coming-soon-wrapper .card-wrapper .card-item .time-line-wrapper .line .point-wrapper .point {
    background-color: var(--c-border);
  }
  .new-stat-module .storey-box {
    max-height: 400px !important;
  }
  .card-video-wrapper .card-video-content .huge-recom+.card-video-list,
  .video-list-recom .video-list-video {
    margin-left: 0;
  }
  .bangumi-index-wrapper .bangumi-index-body .filter-body .bangumi-list {
    padding: 10px 0;
    border-radius: 4px;
    background-color: var(--c-background);
  }
  .bangumi-index-wrapper .bangumi-index-body .filter-body .bangumi-list .bangumi-item {
    margin: 0 10px;
  }
  .spread-module .t {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bilibili-player button,
  .pager .pages .page-item.prev,
  .pager .pages .page-item.next {
    border: 0 !important;
    background-color: transparent !important;
  }
  .bilibili-player button span,
  .pager .pages .page-item.prev span,
  .pager .pages .page-item.next span {
    color: var(--c-title) !important;
  }
  .bilibili-player button::after,
  .pager .pages .page-item.prev::after,
  .pager .pages .page-item.next::after {
    content: none !important;
  }
  .tag-list-wrp .title .icon,
  .video-floor-m .dynamic-title .title .icon,
  .tag-list-wrp .title .small,
  .tag-more,
  .zr_recomd .b-head .b-head-i,
  .footer .footer-wrp {
    display: none;
  }
  .zr_recomd ul li,
  .zr_recomd .zr_user .uin .r_info em {
    background-color: transparent !important;
  }
  .b-head .b-head-t {
    color: var(--c-title) !important;
  }
  .zr_recomd .zr_tvideo .q,
  .zr_recomd .zr_user .uin .r_info em,
  .widescreen .container-body div:last-child {
    color: var(--c-text) !important;
  }
  .tag-list li.tag-item.on {
    color: var(--c-white) !important;
  }
  .video-list .vl-hd,
  .video-list .vl-hd .s-line,
  .mod-1 .r,
  .mod-2 li,
  .mod-2 li .l-item,
  .zr_recomd ul li,
  .primary-menu .nav-menu .side-nav .square-wrap .square-field,
  .primary-menu .nav-menu .side-nav .square-wrap .live-field {
    border-color: var(--c-border);
  }
  .zr_recomd .b-head,
  .primary-menu,
  .widescreen .container-body div:last-child h2 {
    border: 0 !important;
  }
  .zr_recomd .zr_user .uin .r_info em {
    line-height: initial;
  }
  .vd-list-cnt .pagination {
    margin: 20px 0;
  }
  .video-list {
    padding: 0;
  }
  .container-body .zr_recomd ul {
    padding: 10px;
    border-radius: 4px;
    background-color: var(--c-background) !important;
  }
  .container-body .zr_recomd ul li {
    display: flex;
    justify-content: space-between;
  }
  .container-body .zr_recomd ul li .zr_tvideo {
    flex: 1;
  }
  .video-floor-m .dynamic-title .read-push {
    border: 0;
    background-color: transparent;
    font-size: 0;
  }
  .video-floor-m .dynamic-title .read-push:hover {
    background-color: var(--c-hover);
  }
  .video-list .vl-hd .order-tab li.on {
    border-color: var(--c-accent);
    color: var(--c-accent);
  }
  .vd-list-cnt {
    padding: 0 10px;
    border-radius: 4px;
    background-color: var(--c-background) !important;
  }
  .video-floor-m .storey-box .v-list,
  .vd-list.mod-3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: justify;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: center;
    width: 100%;
    height: auto !important;
  }
  .mod-3 li {
    float: none;
    flex: 18%;
    margin: 1%;
    padding: 0;
  }
  .mod-1 li {
    display: flex;
  }
  .mod-1 .r {
    flex: 1;
  }
  .mod-3 .l-item {
    width: 100%;
    height: auto;
    border: 0;
  }
  .tag-list-cnt {
    overflow: visible;
  }
  .tag-list {
    overflow: hidden scroll;
    max-height: 68px;
  }
}
@-moz-document url-prefix("https://www.bilibili.com/v/musicplus") {
  .international-footer,
  .home-ad,
  .international-header .nav-search-box {
    display: none !important;
  }
  .main-menu .search-bar {
    background-color: var(--c-hover) !important;
  }
  .main-menu .search-bar input,
  .international-header .mini-type {
    background-color: transparent !important;
  }
  .storey-title .l-con {
    color: var(--c-title) !important;
  }
  .video-card-reco .info-box .info p,
  .video-card-reco .info-box .info p span,
  .video-card-common .card-pic a .count div span {
    color: var(--c-white) !important;
  }
  .main-menu .tabs a.active,
  .main-menu .tabs a:hover {
    color: var(--c-accent) !important;
  }
  .main-menu .search-bar,
  .article-card,
  .home-slide .trigger img {
    border-color: var(--c-border) !important;
  }
  .home-slide .trigger img.on {
    border-color: var(--c-accent) !important;
  }
  .main-menu .tabs,
  .main-menu .tabs a.active,
  .international-header .mini-type,
  .international-header .mini-type .nav-search #nav_searchform,
  .van-popover .mini-type .nav-search #nav_searchform {
    border: 0 !important;
  }
  .international-header .mini-type {
    box-shadow: none !important;
  }
  .main-menu .search-bar button {
    position: initial;
  }
  .home-slide {
    margin-top: -56px;
  }
  .home-video .video-list .video-card-common,
  .video-card-common {
    margin-left: 8px !important;
    margin-right: 0 !important;
  }
  .main-menu .search-bar button,
  .select-type .toggle,
  .storey-title .exchange-btn .btn {
    border-color: var(--c-border) !important;
    background-color: transparent !important;
    color: var(--c-text) !important;
  }
  .main-menu .search-bar button:hover,
  .select-type .toggle:hover,
  .storey-title .exchange-btn .btn:hover {
    background-color: var(--c-hover) !important;
  }
  .main-menu .search-bar button::after,
  .select-type .toggle::after,
  .storey-title .exchange-btn .btn::after {
    content: none !important;
  }
}
@-moz-document url-prefix("https://www.bilibili.com/v/game/") {
  .bottom-filling:after,
  .card-score .split-line,
  .score-contain .allmatch .more-match,
  .schedule-list .match-line {
    display: none !important;
  }
  .schedule-filter .filter-top {
    background-color: var(--c-background) !important;
  }
  .game-banner .banner-title .title-content .game-search,
  .schedule-filter .filter-content .content-all div,
  .schedule-contain .time-all,
  .schedule-time .time-contain,
  .schedule-contain .contain-top .hasDatepicker,
  .team-box .team-item.selected-0,
  .team-box .team-item.selected-1,
  .team-box .team-item.selected-2,
  .team-box .team-item.selected-normal,
  .team-box .team-detail .team-player-img .controlbar,
  .matchlist-contain .more-match {
    background-color: var(--c-hover) !important;
  }
  .schedule-list .match-status.over {
    background-color: var(--c-border) !important;
  }
  .schedule-filter .bscroll-vertical-scrollbar .bscroll-indicator {
    background-color: var(--c-scroll) !important;
  }
  .game-banner .banner-title .title-content .game-search input,
  .schedule-filter .bscroll-vertical-scrollbar,
  .filter-wrap .toggle-open-select,
  .game-menu .more,
  .switch-item,
  .team-box .team-item .team-name,
  .international-header .mini-type {
    background-color: transparent !important;
  }
  .schedule-filter .filter-content .content-all div.active,
  .schedule-list .match-status,
  .schedule-contain .time-all.active,
  .library-contain .search-sort .sort-list li.active,
  .game-menu ul li.active {
    background-color: var(--c-accent) !important;
  }
  .game-content .match-box .main-title,
  .schedule-filter .filter-top .top-sx,
  .schedule-filter .filter-content .content-all div,
  .switch-item,
  .game-content .match-box .sub-title {
    color: var(--c-title) !important;
  }
  .card-score .desc,
  .filter-wrap .toggle-open-select,
  .game-menu .more,
  .matchlist-contain .more-match {
    color: var(--c-text) !important;
  }
  .game-banner .banner-title .title-content .game-search span,
  .schedule-filter .filter-content .content-all div.active,
  .schedule-contain .time-all.active span,
  .library-contain .search-sort .sort-list li.active,
  .game-menu ul li.active,
  .game-banner .banner-title .title-content ul li a {
    color: var(--c-white) !important;
  }
  .game-banner .banner-title .title-content ul li.active a,
  .game-banner .banner-title .title-content ul li a:hover,
  .switch-item.active,
  .switch-item:hover {
    color: var(--c-accent) !important;
  }
  .card-score .score-wrap,
  .schedule-filter .filter-content .content-all div,
  .schedule-list .list-item,
  .schedule-contain .time-all,
  .schedule-time .time-contain,
  .schedule-contain .contain-top .hasDatepicker,
  .schedule-time .time-contain li .contain-item,
  .headline .getmore,
  .team-box .team-detail .team-player-img .controlbar,
  .playrank-box .single-rank .single-rank-box,
  .game-content .team-container .itembox {
    border-color: var(--c-border) !important;
  }
  .schedule-contain .time-all.active {
    border-color: var(--c-accent) !important;
  }
  .game-banner .banner-title .title-content ul li.active a,
  .schedule-filter .filter-contain,
  .schedule-filter .filter-top,
  .filter-wrap .toggle-open-select,
  .team-box .infobox,
  .team-box .team-item,
  .international-header .mini-type,
  .international-header .mini-type .nav-search #nav_searchform,
  .van-popover .mini-type .nav-search #nav_searchform {
    border: 0 !important;
  }
  .international-header .mini-type {
    box-shadow: none !important;
  }
  .game-content .match-box.match-bottom,
  .game-content,
  .bili-game-local .pager {
    margin-bottom: 0 !important;
  }
  .game-banner {
    margin-top: -56px;
  }
  .game-banner .banner-title {
    bottom: -1px;
  }
  .team-box .team-item .team-name {
    background-image: none !important;
  }
  .game-banner .banner-title {
    background-color: var(--c-bg-header);
    backdrop-filter: blur(5px);
  }
  .bili-game-local .pager .pages .prev,
  .bili-game-local .pager .pages .next {
    border: 0 !important;
    background-color: transparent !important;
  }
  .bili-game-local .pager .pages .prev::after,
  .bili-game-local .pager .pages .next::after {
    content: none !important;
  }
}
@-moz-document url-prefix("https://www.bilibili.com/blackboard/"), url-prefix("https://www.bilibili.com/html/join-list.html") {
  .activity-main .banner,
  .international-footer,
  .active-title .b-active-i,
  .topic-title .b-topic-i,
  .activity.topic-preview-wrapper .page_prev,
  .activity.topic-preview-wrapper .page_next,
  .side_main .shadow,
  .fixed-service-bg {
    display: none !important;
  }
  .box-body,
  #webShare .bili-share-pc,
  .bili-share-pc .weixin-hover .qr-before,
  .bili-share-pc .share-weixin-qr,
  #uplist .up-card {
    background-color: var(--c-background) !important;
  }
  .help-content img,
  .collapse-item--active,
  .collapse-item:hover,
  .catalog_bg,
  .side_main,
  .side_main .select .block.active,
  .list_block:hover {
    background-color: var(--c-hover) !important;
  }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: var(--c-scroll) !important;
  }
  .help-list,
  .help-box,
  .activity-playlist .activity-playlist-item,
  .help-body p,
  .mCSB_scrollTools .mCSB_draggerRail,
  .master_list {
    background-color: transparent !important;
  }
  .helper-icon-dots,
  .jobs-icon-blue-dots {
    background-color: var(--c-accent) !important;
  }
  .active-title .b-active-t,
  .pagelist .flip-left .ellipsis,
  .master_title .big_title,
  .jobs_list_title div,
  .Jname,
  .jobs_numb,
  .select .block {
    color: var(--c-title) !important;
  }
  .act-list ul li .event_status,
  .act-list ul li .act-info {
    color: var(--c-text) !important;
  }
  .nav-tab .on,
  .collapse-item--active .collapse-title,
  .side_main .select .block.active,
  .nav-tab li:hover,
  .list_block:hover .jobs_name,
  .list_block:hover .jobs_classification,
  .list_block:hover .jobs_location,
  .select .block:hover {
    color: var(--c-accent) !important;
  }
  .bili-share-pc,
  .bili-share-pc .vertical-line,
  .jobs_numb,
  .list_block:hover,
  #uplist .up-card {
    border-color: var(--c-border) !important;
  }
  .side_main .select .block.active {
    border-color: var(--c-accent) !important;
  }
  .list_block {
    border-top-color: var(--c-border) !important;
  }
  .help-list,
  .help-box,
  .active-title,
  .nav-tab {
    border: 0 !important;
  }
  .act-list,
  .help-content {
    padding: 20px;
    border-radius: 4px;
    background-color: var(--c-background);
  }
  .act-list ul li {
    border-color: var(--c-border) !important;
    background-color: transparent !important;
  }
  .back-top {
    background-position: -713px -72px !important;
  }
  .active-main,
  .topic-main {
    padding-bottom: 60px !important;
  }
  .back-top {
    position: fixed !important;
  }
  .active-main .back-top {
    right: 150px;
  }
  .collapse-item {
    border-radius: 10px;
    transition: background-color 0.3s ease-in-out;
  }
  .collapse-item a {
    text-align: center;
    transition: color 0.3s ease-in-out;
  }
  button {
    background-color: transparent !important;
    color: var(--c-title) !important;
  }
  button::after {
    content: none !important;
  }
}
@-moz-document url-prefix("https://www.bilibili.com/anime/timeline/"), url-prefix("https://www.bilibili.com/guochuang/timeline/") {
  .timeline-header .tl-weeks:after,
  li.season-item .season-body .season-title span.follow {
    display: none;
  }
  .season-timer .current-timer:before {
    background-color: var(--c-background);
  }
  .tl-head .tl-day .indicator,
  .season-timeline .season-group .group-time:before,
  .season-timeline .season-group.is-published .group-time:before {
    background-color: var(--c-border);
  }
  #app,
  .timeline-header,
  .timeline-wrapper,
  .tl-head .tl-day {
    background-color: transparent;
  }
  .tl-head .tl-day.today .indicator,
  .season-timeline .season-group.today.is-published .group-time:before {
    background-color: var(--c-accent) !important;
  }
  .season-timeline .season-group .group-time {
    color: var(--c-text) !important;
  }
  .bread-crumb ul li.on a,
  .bread-crumb ul li:hover a,
  .season-timer .current-timer,
  .season-timer .season-label {
    color: var(--c-accent) !important;
  }
  .season-timeline .season-group,
  .season-timeline .season-group .group-time:before,
  .season-timeline .season-group.is-published,
  .season-timeline .season-group.is-published .group-time:before {
    border-color: var(--c-border);
  }
  .season-timeline .season-group.today,
  .season-timeline .season-group.today.is-published .group-time:before,
  .season-timeline .season-group.today .group-time:before {
    border-color: var(--c-accent) !important;
  }
  .timeline-header,
  .timeline-wrapper,
  .timeline-header .tl-weeks {
    box-shadow: none;
  }
  .timeline-header {
    left: 20px;
  }
  #app .timeline-container {
    margin-top: 20px;
    padding: 70px 20px 0;
    border-radius: 4px;
    background-color: var(--c-background);
  }
  .timeline-header.fixed {
    position: absolute;
    background-color: var(--c-bg-header);
    backdrop-filter: blur(5px);
  }
}
@-moz-document url-prefix("https://www.bilibili.com/video/"), url-prefix("https://www.bilibili.com/bangumi/"), url-prefix("https://player.bilibili.com/"), url-prefix("https://www.bilibili.com/watchlater"), url-prefix("https://www.bilibili.com/blackboard/newplayer.html"), url-prefix("https://www.bilibili.com/cheese/play/") {
  .video-page-special-card,
  .user-card-m iframe,
  .bili-msg iframe,
  .collection-m .layout,
  .follow-dialog-wrap .follow-dialog-window .layout,
  .bilibili-player-hover-items .hover-item .arrow .arrow-1 {
    display: none;
  }
  .bili-header-m .nav-menu .up-load .u-link {
    line-height: 50px;
  }
  #app,
  #header-v3,
  .v-wrap,
  .user-card-m,
  .collection-m,
  .coin-operated-m,
  .open-dialog-masker .open-dialog-content,
  .main-container .media-info .media-right .media-tool-bar .btn-rating:hover,
  .short-review-masker .short-review-content,
  .main-container .pay-bar .vip .btn-pay,
  .members-info__header,
  .bilibili-player .bilibili-player-area .bilibili-player-video-panel,
  .coin-dialog-mask .coin-operated,
  .bui-swiper-wrap .bui-swiper-item .bui-swiper-text,
  .bilibili-player-hover-items .hover-item .bg,
  .mini-header__content.mini-header--login,
  .bpx-player-sending-bar,
  .bpx-docker-minor,
  .bpx-player-auxiliary .bpx-player-dm-btn-footer {
    background-color: var(--c-background) !important;
  }
  .multi-page .cur-list .list-box li.on,
  .multi-page .cur-list .list-box li:hover,
  .main-container .review-module .review-list .review-item .review-body,
  .ep-list-wrapper .ep-item:hover,
  .section-ep-wrapper .ep-item:hover,
  .ep-list-wrapper .ep-item.cursor,
  .section-ep-wrapper .ep-item.cursor,
  .bilibili-player-video-bottom-area .bilibili-player-video-sendbar .bilibili-player-video-inputbar .bilibili-player-video-hint,
  .bilibili-player .bilibili-player-area .bilibili-player-video-wrap .bilibili-player-volumeHint,
  #bofqi.mini-player .drag-bar,
  .video-page-card .card-box .pic-box,
  .danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-management,
  .follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .input-group,
  .follow-dialog-wrap .follow-dialog-window .content .group-list ul .follow-group-mask,
  .bui-swiper-wrap .bui-swiper-list.bui-swiper-border .bui-swiper-img,
  .bilibili-player-hover-items .hover-item .cover,
  .bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-date,
  .bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-dm,
  .bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-time {
    background-color: var(--c-hover) !important;
  }
  .main-container .media-info .media-right .pub-wrapper .up-info-wrapper .split-line,
  .bui-switch .bui-body,
  .bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap .bui-bar-buffer,
  .bilibili-player-video-bottom-area:before,
  .recommend-list .split-line {
    background-color: var(--c-border) !important;
  }
  .bilibili-player em,
  .bilibili-player.mode-webfullscreen .bilibili-player-video-control-wrap .bilibili-player-video-control-bottom-center .bilibili-player-video-sendbar .bilibili-player-video-inputbar .bilibili-player-video-danmaku-input,
  .comment-m .comment,
  .player-module #bofqi.stardust-player,
  .bilibili-player-video-bottom-area .bilibili-player-video-sendbar .bilibili-player-video-inputbar,
  .follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .input-group input,
  .bpx-player-auxiliary .bpx-player-collapse .bui-collapse-body,
  .bpx-player-auxiliary .bpx-player-adv-danmaku,
  .bpx-player-auxiliary .bpx-player-setting,
  .bpx-player-auxiliary .bpx-player-dm-management,
  .bpx-player-auxiliary .bpx-player-dm-function,
  .bpx-player-auxiliary .bpx-player-dm-wrap,
  .bpx-player-auxiliary .bpx-player-dm-wrap-child,
  .bpx-player-auxiliary .bpx-player-dm-btn-history,
  .bpx-player-auxiliary .bpx-player-filter,
  .bpx-player-sending-bar .bpx-player-video-inputbar,
  .bpx-player-container[data-screen=full] .bpx-player-sending-bar,
  .bpx-player-container[data-screen=web] .bpx-player-sending-bar {
    background-color: transparent !important;
  }
  .bui-slider .bui-track .bui-bar-wrap .bui-bar,
  .bui-slider .bui-track .bui-thumb .bui-thumb-dot,
  .bui-radio.bui-dark .bui-radio-button .bui-radio-input:checked+.bui-radio-label,
  .bui-switch .bui-checkbox:checked+.bui-body,
  .bilibili-player-mode-selection-container .bilibili-player-mode-selection-panel .bilibili-player-mode-selection-row .row-selection .selection-span.active[data-type='fontsize'],
  .s_tag .btn-add:hover span,
  .bui-swiper-wrap .bui-swiper-item.bui-swiper-item-active .bui-swiper-text,
  .members-info .avatar .attention,
  .squirtle-controller.squirtle-pgc .squirtle-progress-timeline,
  .bpx-player-mini-warp .bpx-player-mini-progress-tempo {
    background-color: var(--c-accent) !important;
  }
  .video-info .video-title .tit,
  .collection-m .title,
  .coin-operated-m .coin-title,
  .video-desc .btn span,
  .ep-section-module .section-title,
  .recommend-list .rec-title,
  .up-info .btn-panel .following span,
  .main-container .season-list .series-title,
  .bilibili-player-feedback-title .bilibili-player-feedback-title-content,
  .main-container .season-list .ss-list-wrapper .ss-item .ss-info .ss-title,
  .main-container .recom-wrapper .recom-title,
  .tag-channel-pane .channel-title,
  .twp-mask .twp-wrapper .twp-container .twp-text .twp-title,
  .bui-swiper-wrap .bui-swiper-item .bui-swiper-text,
  .bilibili-player-hover-items .hover-item .text,
  .main-container .recom-wrapper .recom-list .recom-item .info-wrapper .video-title {
    color: var(--c-title) !important;
  }
  .bilibili-player-video-bottom-area .bilibili-player-video-sendbar .bilibili-player-video-inputbar .bilibili-player-video-hint a span,
  .main-container .review-module .review-list .review-item .review-content,
  .main-container .review-module .review-list .review-item .pub-time,
  .video-desc .info,
  .video-toolbar .appeal-text,
  .player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list,
  .player-auxiliary-area .player-auxiliary-danmaku .player-auxiliary-danmaku-function div,
  .up-info .u-info .desc,
  .mobile-more .video-title,
  ul.rate-star li i,
  ul.star-wrapper li i,
  .video-toolbar .ops>span i,
  .main-container .tool-bar .like-info i,
  .main-container .tool-bar .coin-info i,
  .main-container .tool-bar .share-info i,
  .main-container .tool-bar .mobile-info i,
  .up-info .u-info .name .message i,
  .multi-page .head-con .range-box i,
  .coin-dialog-mask .coin-operated .coin-title,
  .main-container .media-info .media-right .media-count,
  .follow-dialog-wrap .follow-dialog-window .content .info,
  .twp-mask .twp-wrapper .twp-container .twp-text .twp-desc,
  .step-cancel .success-msg,
  .step-fail .success-msg,
  .step-status .success-msg,
  .step-success .success-msg,
  .main-container .recom-wrapper .recom-list .recom-item .info-wrapper .video-subtitle,
  .main-container .recom-wrapper .recom-list .recom-item .info-wrapper .video-count,
  .bui-dropdown .bui-dropdown-items .bui-dropdown-item,
  .bpx-player-auxiliary .bpx-player-dm-btn-history,
  .bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-date,
  .bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-dm,
  .bpx-player-auxiliary .bpx-player-dm-function .bpx-player-dm-btn-time {
    color: var(--c-text) !important;
  }
  .bilibili-player-video-wrap a,
  .bilibili-player-video-wrap li,
  .bilibili-player-video-wrap span,
  .bilibili-player-video-wrap span:hover,
  .bilibili-player-video-wrap .bilibili-player-video-top,
  .bilibili-player-video-wrap .bilibili-player-video-state,
  .bilibili-player-video-wrap .bilibili-player-video-panel,
  .bilibili-player-video-wrap .bilibili-player-video-popup,
  .bilibili-player-video-wrap .bilibili-player-video-subtitle,
  .bilibili-player-video-wrap .bilibili-player-video,
  .bilibili-player-video-wrap .bilibili-player-video-control-wrap,
  .bilibili-player-video-wrap .bilibili-player-video-toast-wrp,
  .bilibili-player-video-wrap .bilibili-player-volumeHint,
  .player-tooltips div,
  .bilibili-player-context-menu-container.black ul>li a,
  .bilibili-player-context-menu-container.black ul>li a span,
  .bilibili-player-video-control-bottom-center .bilibili-player-video-sendbar .bilibili-player-video-inputbar .bilibili-player-video-danmaku-input,
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-spans .display>div.active,
  .bilibili-player .bilibili-player-area .bilibili-player-video-control .bilibili-player-video-btn .bilibili-player-video-quality-menu .bilibili-player-bigvip,
  .bilibili-player-mode-selection-container .bilibili-player-mode-selection-panel .bilibili-player-mode-selection-row .row-selection .selection-span.active[data-type='fontsize'] .selection-name,
  .bui-swiper-wrap .bui-swiper-item.bui-swiper-item-active .bui-swiper-text,
  .members-info .avatar .attention i {
    color: var(--c-white) !important;
  }
  .coin-operated-m .coin-title span,
  .coin-operated-m .mc-box.on .c-num,
  .main-container .review-module .review-list .review-item .review-header .review-star li i.icon-star-full,
  ul.rate-star li i.icon-star-full,
  ul.star-wrapper li i.icon-star-full,
  .video-info .video-data .argue i,
  .video-info .video-data .copyright i,
  .up-info .u-info .name .username.is-vip:hover,
  .members-info .up-card .info .info-name.is-vip:hover,
  .ep-list-wrapper .ep-item i,
  .section-ep-wrapper .ep-item i,
  .main-container .tool-bar .like-info:hover i,
  .main-container .tool-bar .like-info.active i,
  .main-container .tool-bar .coin-info.active i,
  .main-container .tool-bar .coin-info:hover i,
  .main-container .tool-bar .share-info:hover>i,
  .main-container .tool-bar .mobile-info:hover i,
  .share-more .share-btn:hover i,
  .video-toolbar .ops>span.on>i,
  .video-toolbar .ops>span:hover>i,
  .video-toolbar .ops .share .share-pos .box-a .share-down .share-btn:hover i,
  .up-info .u-info .name .message:hover i,
  .multi-page .head-con .range-box i:hover,
  .up-info>a .up-name.vip,
  .coin-dialog-mask .coin-operated .coin-title span,
  .main-container .review-module .review-list .review-item .review-header .review-author.is-vip,
  .danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-management>:hover,
  .danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-management>:hover i,
  .bui-select.bui-select-quality-menu .bui-select-item.bui-select-item-active span,
  .bilibili-player-video-danmaku-setting-left-block-content .bilibili-player-block-filter-type:hover .bilibili-player-block-filter-label,
  .bilibili-player-mode-selection-container .bilibili-player-mode-selection-panel .bilibili-player-mode-selection-row.mode .selection-span.active .selection-name,
  .step-index .money-n .mark,
  .up-info .btn-follow-up i,
  .main-container .ep-list-wrapper .list-title .mode-change i:hover,
  .up-info .up-info_right .name .username.is-vip:hover,
  .up-info .up-info_right .name .message:hover,
  .up-info .up-info_right .name .message:hover i,
  .main-container .recom-wrapper .recom-list .recom-item .info-wrapper .video-title:hover,
  .bui-dropdown .bui-dropdown-items .bui-dropdown-item:hover,
  .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint a:hover,
  .bilibili-player-bangumi-ending-panel.bilibili-player-ending-panel .bilibili-player-ending-panel-box-functions .bilibili-player-pgcinfo-spans .coin.active,
  .bilibili-player-bangumi-ending-panel.bilibili-player-ending-panel .bilibili-player-ending-panel-box-functions .bilibili-player-pgcinfo-spans .like.active {
    color: var(--c-accent) !important;
  }
  .bilibili-player-feedback,
  .bilibili-player-feedback-title,
  .tag-channel-pane .channel-cover,
  .follow-dialog-wrap .follow-dialog-window .title,
  .follow-dialog-wrap .follow-dialog-window .bottom,
  .follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .add-btn,
  .pwp-modal-header,
  .bui-swiper-wrap .bui-swiper-list.bui-swiper-border .bui-swiper-img,
  .bilibili-player-hover-items .hover-item .cover,
  .bpx-player-sending-bar .bpx-player-video-inputbar-wrap {
    border-color: var(--c-border) !important;
  }
  .follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .input-group {
    border-color: var(--c-accent) !important;
  }
  .bilibili-player .bilibili-player-video-control .bilibili-player-video-btn-menu-list.bilibili-player-active:before {
    border-color: transparent transparent transparent var(--c-accent);
  }
  .bilibili-player-hover-items .hover-item .arrow .arrow-2 {
    border-top-color: var(--c-background) !important;
  }
  #bofqi.mini-player .drag-bar,
  #bofqi.mini-player:before {
    box-shadow: 0 0 5px var(--c-border);
  }
  .bilibili-player,
  .bui-swiper-wrap .bui-swiper-list.bui-swiper-border .bui-swiper-img,
  .bui-swiper-wrap .bui-swiper-item .bui-swiper-text,
  .bpx-player-container {
    box-shadow: none;
  }
  #comment_module,
  .r-con .members-info {
    margin-top: 20px;
  }
  .members-info__header {
    margin-top: 0 !important;
  }
  .v-wrap,
  .wide-members {
    margin-bottom: 0 !important;
  }
  #comment .comment,
  #comment_module,
  .main-container .media-info,
  .main-container .review-module,
  .l-con .video-desc,
  .r-con .recommend-list .rec-list,
  .main-container .recom-wrapper .recom-list,
  .main-container .season-list .ss-list-wrapper {
    padding: 10px;
  }
  .video-page-card .card-box .info .count.up,
  .video-page-operator-card .info .count.up {
    width: auto;
  }
  .bpx-player-sending-bar .bpx-player-video-inputbar {
    width: 600px;
  }
  #bofqi {
    height: 100vh;
  }
  .bilibili-player-ending-panel {
    backdrop-filter: blur(5px);
  }
  .bilibili-player-video-danmaku-root .bp-svgicon svg,
  .bui-swiper-wrap .bui-swiper-pre svg,
  .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint a,
  .bpx-player-sending-bar .bpx-player-video-btn-dm {
    fill: var(--c-text);
  }
  .bui-switch .bui-dot span svg {
    fill: var(--c-border);
  }
  .bilibili-player-video-control .bp-svgicon svg,
  .bui-swiper-wrap .bui-swiper-next svg {
    fill: var(--c-white);
  }
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-spans .display>div.active .bp-svgicon,
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-spans .display>div.active:hover .bp-svgicon,
  .bui-switch .bui-checkbox:checked+.bui-body .bui-dot span svg,
  .bilibili-player-video-danmaku-setting:hover>span svg,
  .bilibili-player-block-filter-image:hover .bp-svgicon svg,
  .bilibili-player-iconfont:hover .bp-svgicon svg,
  .bilibili-player-iconfont:hover .bp-svgicon svg g,
  .bilibili-player-video-btn:hover .bilibili-player-iconfont-danmakutype .bp-svgicon svg,
  .bilibili-player-mode-selection-container .bilibili-player-mode-selection-panel .bilibili-player-mode-selection-row.mode .selection-span.active .bp-svgicon svg,
  .selection-icon:hover .bp-svgicon svg,
  .bilibili-player-video-danmaku-setting-left-block-content .bilibili-player-block-filter-type:hover .bilibili-player-block-filter-image .bp-svgicon svg,
  .bilibili-player-video-danmaku-switch:hover .bp-svgicon svg,
  .bilibili-player-video-btn-fullscreen:hover .bp-svgicon svg .st0,
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-spans .display>div:hover .bp-svgicon svg,
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-spans .display .grade .bp-svgicon svg g path:last-child,
  .bui-dropdown .bui-dropdown-wrap.bui-dropdown-unfold .bui-dropdown-icon,
  .bpx-player-sending-bar .bpx-player-video-btn-dm:hover,
  .bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint a:hover,
  .bilibili-player-ending-panel-box-functions .bilibili-player-pgcinfo-spans>div.active .bp-svgicon,
  .bilibili-player-ending-panel-box-functions .bilibili-player-pgcinfo-spans>div.active:hover .bp-svgicon {
    fill: var(--c-accent) !important;
  }
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-spans .bilibili-player-grade-spans .grade .bp-svgicon svg path {
    stroke: var(--c-border) !important;
  }
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-spans .display .grade .bp-svgicon svg g path {
    stroke: var(--c-accent) !important;
  }
  .bilibili-player-ending-panel-box-functions .bilibili-player-upinfo-spans .bilibili-player-grade-spans .grade .bp-svgicon svg g path {
    fill: var(--c-accent) !important;
    stroke: var(--c-accent) !important;
  }
  .bui-swiper-wrap .bui-swiper-item .bui-swiper-text,
  .bilibili-player-hover-items .hover-item .cover {
    left: 0;
  }
  #comment .comment,
  #comment_module,
  .main-container .media-info,
  .r-con .recommend-list .rec-list,
  .main-container .recom-wrapper .recom-list,
  .main-container .review-module,
  .l-con .video-desc,
  .main-container .season-list .ss-list-wrapper {
    border-radius: 4px;
    background-color: var(--c-background) !important;
  }
  .r-con .recommend-list .rec-list,
  .main-container .recom-wrapper .recom-list,
  .main-container .season-list .ss-list-wrapper {
    width: auto;
    border: 1px solid var(--c-border);
  }
  .bilibili-player-video-bottom-area .bilibili-player-video-sendbar,
  .tag-info-pane,
  .tag-del-popup,
  .tag-report-popup,
  .multi-page,
  .main-container .media-info .media-right .media-tool-bar .bangumi-options .opt-list,
  .main-container .ep-list-wrapper,
  .ep-section-module,
  .tag-channel-pane {
    border: 1px solid var(--c-border) !important;
    background-color: var(--c-background) !important;
  }
  .collection-m .title,
  .collection-m .content .group-list .add-group .add-btn,
  .collection-m .bottom,
  .video-toolbar,
  .v-wrap .s_tag,
  .tag-info-pane .btn-right-box,
  .user-card-m,
  .main-container .media-info,
  .main-container .review-module,
  .main-container .plp-l .comment-wrapper,
  .open-dialog-masker .open-dialog-content .__dialog-header,
  .video-toolbar .ops .share .share-pos .box-b,
  .bilibili-player-video-bottom-area .bilibili-player-video-sendbar .bilibili-player-video-inputbar .bilibili-player-video-inputbar-wrap,
  .danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-management .player-auxiliary-fl {
    border-color: var(--c-border) !important;
  }
  .video-toolbar .ops .share .share-pos,
  .video-toolbar .ops .share .share-pos .share-address ul li input,
  .more-ops-list,
  .s_tag .ipt,
  .main-container .media-info .media-right .media-desc i,
  .main-container .pay-bar .vip .btn-pay.active {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
    color: var(--c-text) !important;
  }
  .coin-operated-m .mc-box,
  .coin-dialog-mask .coin-operated .mc .mc-box {
    border: 0;
    background-color: var(--c-white);
  }
  .members-info {
    margin-bottom: 20px;
    border: 1px solid var(--c-border);
    background-color: var(--c-background);
  }
  .main-container .media-info .media-right .media-tool-bar .btn-rating {
    border: 0;
    background-color: transparent;
    color: var(--c-text);
  }
  .open-dialog-masker .open-dialog-content .open-body ul li i.icon-complete {
    border-color: var(--c-accent);
    color: var(--c-accent);
  }
  .short-review-masker .short-review-content .review-body-wrap {
    height: auto;
    border: 0;
  }
  .short-review-masker .short-review-content .review-body-wrap textarea {
    padding: 10px;
    height: 120px;
    background-color: var(--c-hover);
    color: var(--c-title);
  }
  .short-review-masker .short-review-content .review-body-wrap span.tip {
    bottom: 10px;
    right: 20px;
    color: var(--c-text) !important;
  }
  .video-desc .btn,
  .members-info__header .btn,
  .bilibili-player-video-btn,
  .bilibili-player button {
    background-color: transparent !important;
    color: var(--c-title) !important;
  }
  .video-desc .btn::after,
  .members-info__header .btn::after,
  .bilibili-player-video-btn::after,
  .bilibili-player button::after {
    content: none !important;
  }
  .step-index .pwp-btn {
    position: absolute !important;
  }
  .main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.cursor {
    overflow: visible !important;
  }
  ul.rate-star li i,
  .video-toolbar .ops>span i,
  .main-container .tool-bar .coin-info i,
  .main-container .tool-bar .share-info i,
  .main-container .tool-bar .mobile-info i {
    transition: all 0.3s ease-in-out;
  }
  .resizable-component,
  .resize-box .note-drag-bar,
  .video-editor,
  .ql-snow .ql-picker-,
  .resizable-component .note-drag-bar {
    background-color: var(--c-background);
  }
  .resizable-component .close-btn {
    background-color: var(--c-hover);
  }
  .ql-toolbar,
  .ql-container.ql-snow,
  .resize-box .ql-tag,
  .resize-box .space-btn,
  .resize-box .question-btn,
  .resize-box .close-btn,
  .resize-box .space-btn:hover,
  .resize-box .question-btn:hover,
  .resize-box .close-btn:hover,
  .resize-box .space-btn:after {
    background-color: transparent;
  }
  .resize-box .close-btn {
    color: var(--c-title) !important;
  }
  .ql-snow .ql-toolbar .ql-picker-item:hover,
  .resize-box .close-btn:hover {
    color: var(--c-accent) !important;
  }
  .ql-container.ql-snow {
    border: 0;
  }
  .resizable-component {
    border: 1px solid var(--c-border);
  }
  .ql-snow.ql-toolbar button {
    border: 0;
    background-color: transparent !important;
    color: var(--c-title) !important;
  }
  .ql-snow.ql-toolbar button:hover {
    color: var(--c-accent) !important;
  }
  .ql-snow.ql-toolbar button::after {
    content: none !important;
  }
  .v-wrap .danmaku-wrap,
  .main-container .plp-r .danmaku-box .danmaku-wrap,
  .danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .bscroll-vertical-scrollbar.mousedown,
  .danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap:hover .bscroll-vertical-scrollbar {
    background-color: var(--c-background) !important;
  }
  .player-auxiliary-area .player-auxiliary-danmaku .player-auxiliary-danmaku-function,
  .player-auxiliary-area .player-auxiliary-danmaku .player-auxiliary-danmaku-function div {
    background-color: var(--c-hover) !important;
  }
  .player-auxiliary-area .player-auxiliary-bscrollbar .bscroll-indicator {
    background-color: var(--c-scroll) !important;
  }
  .player-auxiliary,
  .player-auxiliary-area,
  .bui-collapse .bui-collapse-header,
  .player-auxiliary-area .player-auxiliary-filter,
  .danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap,
  .danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-load-status,
  .danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-btn-footer,
  .player-auxiliary-area .player-auxiliary-collapse .bui-collapse-body {
    background-color: transparent !important;
  }
  .player-auxiliary-area .player-auxiliary-filter-title {
    color: var(--c-title) !important;
  }
  .player-auxiliary-area .player-auxiliary-filter-menu:hover {
    color: var(--c-accent) !important;
  }
  .bui-collapse .bui-collapse-wrap {
    border: 1px solid var(--c-border);
    border-radius: 2px;
  }
}
@-moz-document url-prefix("https://www.bilibili.com/bangumi/media/"), url-prefix("https://www.bilibili.com/movie/") {
  .bili-footer,
  .bili-header-m .nav-menu .nav-mask,
  .btn-pay-wrapper .pic-wrapper,
  .media-tab-module-wrp .media-tab-module-content .sl-ep-nav .sl-ep-nav-list .sl-ep-nav-item.on::after {
    display: none !important;
  }
  .media-tab-detail-wrp .media-tab-detail,
  .media-tab-detail-wrp .media-tab-detail-l,
  .media-info-card,
  .sort-type-wrp ul,
  .spread-module .num,
  .review-feed-wrapper,
  .popup-card {
    background-color: var(--c-background) !important;
  }
  .share-module,
  .misl-ep-item,
  .bangumi-review-item,
  .sort-type-wrp ul li:hover,
  .btn-pay-wrapper.is-vip a,
  .section-item,
  .media-tab-module-wrp .media-tab-module-content .sl-ep-nav .slider-contro span,
  .media-tab-module-wrp .media-tab-module-content .sl-ep-nav .slider-contro span.disabled:hover,
  .rank-wrp .more:hover {
    background-color: var(--c-hover) !important;
  }
  .media-info-count .media-info-count-item em,
  .media-tab-wrp,
  .media-tab-nav,
  .international-header .mini-type {
    background-color: transparent !important;
  }
  .media-tab-module-wrp .media-tab-module-content .sl-ep-nav .slider-contro span:hover {
    background-color: var(--c-accent) !important;
  }
  .misl-ep-item .misl-ep-text .misl-ep-index,
  .media-tab-detail-wrp .media-tab-detail-l .media-tab-module-wrp .media-tab-module-title,
  .media-tab-detail-wrp .media-tab-detail .media-tab-module-wrp .media-tab-module-title,
  .media-info-card .mic-title,
  .review-title span,
  .media-tab-module-wrp .media-tab-module-content .sl-ep-nav-title,
  .section-item .section-text .section-index,
  .section-item .section-text .section-title {
    color: var(--c-title) !important;
  }
  .icon-star:before,
  .bangumi-media .bangumi-media-header .btn-more-review,
  .media-tab-detail-wrp .media-tab-detail-l .media-tab-module-wrp .media-tab-module-more,
  .media-tab-detail-wrp .media-tab-detail .media-tab-module-wrp .media-tab-module-more,
  .review-list-wrp li div,
  .icon-zan:before,
  .review-feed-item .feed-left .review-about,
  .review-feed-item .feed-right .likes,
  .section-item .section-text .section-title,
  .media-info-card .mic-expand,
  .misl-ep-item .misl-ep-text .misl-ep-title,
  .media-info-card .mic-evaluate-nodata {
    color: var(--c-text) !important;
  }
  .media-info-r span,
  .media-tab-nav ul li,
  .to-review-btn,
  .mini-type .nav-user-center .user-con .item .name,
  .mini-type .nav-link .nav-link-ul .nav-link-item .link,
  .mini-type .nav-user-center .mini-upload {
    color: var(--c-white) !important;
  }
  .media-info-score .media-info-score-content,
  .icon-star-light:before,
  .media-tab-nav ul li.on,
  .media-tab-nav ul li:hover,
  .bangumi-media .bangumi-media-header .btn-more-review:hover,
  .media-tab-detail-wrp .media-tab-detail-l .media-tab-module-wrp .media-tab-module-more:hover,
  .media-tab-detail-wrp .media-tab-detail .media-tab-module-wrp .media-tab-module-more:hover,
  .bangumi-review-item .item-header .author-name.is-vip,
  .bangumi-review-item .item-header .media-name.is-vip,
  .section-item:hover .section-text div,
  .media-info-card .mic-expand:hover,
  .review-feed-item .feed-left .review-about .author-info.is-vip,
  .review-feed-item .feed-left .review-about .media-title.is-vip,
  .review-list-wrp li .review-author-info div.review-author-name.is-vip {
    color: var(--c-accent) !important;
  }
  .misl-ep-item,
  .bangumi-media,
  .media-tab-detail-wrp .media-tab-detail-l .media-tab-module-wrp,
  .media-tab-detail-wrp .media-tab-detail .media-tab-module-wrp,
  .media-tab-detail-wrp .media-tab-detail-l .media-tab-module-wrp .media-tab-module-more,
  .media-tab-detail-wrp .media-tab-detail .media-tab-module-wrp .media-tab-module-more,
  .bangumi-media .bangumi-media-header .btn-more-review,
  .sort-type-wrp ul,
  .review-list-wrp li,
  .review-feed-item,
  .media-tab-module-wrp .media-tab-module-content .sl-ep-nav .mode-select,
  .rank-wrp .more {
    border-color: var(--c-border) !important;
  }
  .media-info-wrp .media-info-content .media-info-inner .media-info-r .media-info-title .media-tag {
    border-color: var(--c-white) !important;
  }
  .bangumi-media .bangumi-media-header .btn-more-review:hover,
  .media-tab-detail-wrp .media-tab-detail-l .media-tab-module-wrp .media-tab-module-more:hover,
  .media-tab-detail-wrp .media-tab-detail .media-tab-module-wrp .media-tab-module-more:hover,
  .media-tab-module-wrp .media-tab-module-content .sl-ep-nav .sl-ep-nav-list .sl-ep-nav-item.on {
    border-color: var(--c-accent) !important;
  }
  .media-info-wrp .media-info-content .media-info-inner .media-preview,
  .media-tab-nav ul li,
  .section-item,
  .international-header .mini-type {
    border: 0 !important;
  }
  .media-info-card,
  .popup-card {
    box-shadow: none;
  }
  .btn-pay-wrapper.is-vip a {
    text-indent: 0;
  }
  .season-slider-wrapper .slider-wrapper .season-slider-list,
  .season-slider-wrapper .slider-wrapper .season-slider-list li,
  .season-slider-wrapper .slider-wrapper .season-slider-list li a,
  .season-slider-wrapper .slider-wrapper .season-slider-list li div {
    height: 50px;
    line-height: 50px;
  }
  .season-slider-wrapper .slider-wrapper .season-slider-list li {
    margin: 0;
    padding: 0 10px;
    border-color: var(--c-border) !important;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  .season-slider-wrapper .slider-wrapper .season-slider-list li::before,
  .season-slider-wrapper .slider-wrapper .season-slider-list li::after {
    content: none;
  }
  .season-slider-wrapper .slider-wrapper .season-slider-list li:first-child {
    border-left: 1px solid var(--c-border);
  }
  .season-slider-wrapper .slider-wrapper .season-slider-list li.cur,
  .season-slider-wrapper .slider-wrapper .season-slider-list li:hover {
    background-color: var(--c-hover);
  }
  .season-slider-wrapper .slider-wrapper .season-slider-list li.cur a,
  .season-slider-wrapper .slider-wrapper .season-slider-list li:hover a,
  .season-slider-wrapper .slider-wrapper .season-slider-list li.cur div,
  .season-slider-wrapper .slider-wrapper .season-slider-list li:hover div {
    color: var(--c-accent) !important;
  }
  .bangumi-media .bangumi-media-header .rate-wrapper .btn-go-write {
    background-color: transparent !important;
  }
  .bangumi-media .bangumi-media-header .rate-wrapper .btn-go-write::after {
    content: none !important;
  }
}
@-moz-document url-prefix("https://passport.bilibili.com/") {
  .top-banner,
  .bili-footer,
  .bottom-filling:after,
  .qrcode-login .qrcode-con .tv-icon,
  .qrcode-login .qrcode-footer,
  .login-box .line,
  .qrcode-login .qrcode-con .qrcode-box .qrcode-tips {
    display: none;
  }
  .error-message,
  .safe_window span,
  .el-select-dropdown__item.selected,
  .form-login .input-box .text .tips {
    color: var(--c-accent) !important;
  }
  #app .input-with-select .el-input-group__prepend,
  .el-select-dropdown__item.hover,
  .el-select-dropdown__item:hover {
    background-color: var(--c-hover) !important;
  }
  .back-fff {
    background-color: transparent !important;
  }
  .container .container {
    border-radius: 4px;
    background-color: var(--c-background);
  }
  .title-line {
    margin-top: 70px;
    border: 0;
  }
  .title-line .tit {
    margin-top: 40px;
    background-color: var(--c-background) !important;
    color: var(--c-title) !important;
  }
  .el-input__inner,
  .el-input-group__append,
  .el-input-group__prepend,
  .form-login .input-box .item input,
  .form-login .input-box .item input.error,
  .autocomplete,
  .select-group .select-title {
    border-color: var(--c-border) !important;
    background-color: var(--c-hover) !important;
    color: var(--c-title) !important;
  }
  .el-select-dropdown {
    border-color: var(--c-border);
    background-color: var(--c-background);
  }
  .login-box .login-left {
    float: none;
    margin: 0 auto;
    padding-top: 60px;
    width: 490px;
  }
  .login-box .login-left::before {
    content: '扫码登陆';
    margin-left: 45px;
    color: var(--c-title);
  }
  .login-box .login-left:hover .qrcode-login {
    display: block;
  }
  .qrcode-login {
    position: absolute;
    z-index: 999;
    top: 0;
    display: none;
  }
  .login-box .login-right {
    margin: auto;
    float: none;
  }
  .autocomplete,
  .autocomplete li.on {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
    color: var(--c-text) !important;
  }
  .autocomplete li:hover {
    background-color: var(--c-hover) !important;
  }
  .form-login .input-box .sns .btn {
    background-color: var(--c-background) !important;
    color: var(--c-text) !important;
  }
  .form-login .input-box .sns .btn::after {
    content: none !important;
  }
  body:after {
    display: none !important;
  }
  .steps-icon {
    background-color: var(--c-background) !important;
  }
  .steps-list .steps-line {
    background-color: var(--c-border) !important;
  }
  .select-list>li .select-info p {
    color: var(--c-title) !important;
  }
  .safe-logo .safe-score,
  .safe-logo .safe-score-tips {
    color: var(--c-white) !important;
  }
  .steps-icon,
  .steps-line {
    border-color: var(--c-border) !important;
  }
  .steps-list>.active .steps-icon {
    border-color: var(--c-accent) !important;
  }
  .nav-list li,
  .select-main,
  .select-list>li {
    border: 0 !important;
  }
  .select-main {
    box-shadow: none !important;
  }
  .mini-type .nav-user-center .user-con .item .name {
    font-size: 14px;
  }
  .container .nav-container .list-link p a {
    padding: 5px 10px;
  }
}
@-moz-document url-prefix("https://space.bilibili.com/") {
  #page-index .col-1 .section .more,
  #page-index .channel .section-right-options,
  #page-index .col-2 .shop,
  #page-index .col-2 .i-ann,
  #page-index .col-2 .user,
  #page-index .col-2 .game,
  #page-index .col-2 .section .user-auth.no-auth .icon-auth,
  #page-index .col-2 .section .user-auth.no-auth .no-auth-title span,
  #page-index .col-2 .i-m .i-m-r2,
  #page-index .col-2 .elec .elec-map,
  .elec #elec-hover-bg-preloader,
  #page-index .col-2 .i-live .section-title,
  .i-live .i-live-text,
  .i-live .i-live-hover,
  .i-live .i-live-cover,
  .i-live .i-live-host-text,
  .i-live .i-live-icon,
  .i-live .i-live-arrow,
  .icon-m-ra,
  .elec .elec-list,
  .i-live .i-live-fo,
  .i-live .i-live-off-guest p,
  .elec .elec-monthly-count,
  .i-m-title .icon-i-title,
  #page-index .col-2 .section.elec .elec-trigger-icon,
  #page-dynamic .col-2,
  #page-fav .fav-main .filter-item.search,
  .be-tab-cursor:after,
  #page-index .col-2 .section .auth-detail,
  .follow-dialog-wrap .follow-dialog-window .layout {
    display: none;
  }
  #pin-wrapper .pin-layer-header .pin-layer-header-text,
  #pin-wrapper .pin-layer-vlist .small-item .title {
    color: var(--c-title) !important;
  }
  .n .n-data .n-data-k,
  .n .n-data .n-data-v,
  #page-index .col-1 .section.empty:after,
  .follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .add-btn,
  .follow-dialog-wrap .follow-dialog-window .content .group-list .empty-tip {
    color: var(--c-text) !important;
  }
  #page-index .fav-count {
    color: var(--c-white) !important;
  }
  .be-tab-item.is-active span,
  .list-create:hover .text {
    color: var(--c-accent) !important;
  }
  .h #h-name,
  .h #h-sign,
  .h .h-sign,
  .h .h-v-btn,
  .h .h-f-btn,
  .h .h-v-btn .h-version-state,
  .small-item .length,
  .btn.btn-large .btn-content {
    color: var(--c-white) !important;
  }
  .n .n-tab-links .icon-ic_home {
    color: #00c091 !important;
  }
  .n .n-tab-links .icon-ic_following {
    color: #fb7299 !important;
  }
  .n .n-tab-links .icon-ic_video {
    color: #02b5da !important;
  }
  .n .n-tab-links .icon-ic_channel {
    color: #23c9ed !important;
  }
  .n .n-tab-links .icon-ic_collect {
    color: #f3a034 !important;
  }
  .n .n-tab-links .icon-ic_sub {
    color: #ff5d47 !important;
  }
  .n .n-tab-links .icon-ic_setting {
    color: #23c9ed !important;
  }
  #pin-wrapper #pin-layer,
  .modal-wrapper,
  .fans-action-follow,
  .follow-dialog-wrap .follow-dialog-window {
    background-color: var(--c-background);
  }
  #pin-wrapper .pin-layer-vlist .small-item:hover,
  #page-index .fav-count {
    background-color: var(--c-hover);
  }
  .n .n-cursor {
    background-color: var(--c-accent);
  }
  .section,
  .i-pin-v .be-tab,
  #pin-wrapper .pin-layer-header,
  .modal-wrapper .modal-title,
  .be-input_inner:focus,
  .be-textarea_inner:focus,
  .be-textarea_inner:hover,
  input[type=text]:focus,
  #page-index .channel .channel-item,
  .article-content,
  .s-content,
  .fans-action-btn.follow,
  .follow-dialog-wrap .follow-dialog-window .title,
  .follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .add-btn,
  .follow-dialog-wrap .follow-dialog-window .bottom {
    border-color: var(--c-border);
  }
  .be-tab-cursor,
  .sub-tabs a.active,
  .list-create:hover {
    border-color: var(--c-accent);
  }
  .h .h-gradient {
    bottom: -1px;
    height: 100px;
    background-image: none;
    background-color: var(--c-bg-header);
    backdrop-filter: blur(5px);
  }
  .h .h-v-btn,
  .h .h-f-btn {
    background-color: var(--c-hover);
    color: var(--c-white);
  }
  .be-tags-container .tag.new-tag,
  .be-tags-container .tag.coop-tag,
  .be-tags-container .tag.inter-tag {
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .h .h-fans-icon .fans-hover-tip,
  .h .h-fans-icon .fans-hover-tip:after {
    border-color: var(--c-border);
    background-color: var(--c-background);
  }
  .h #h-sign:hover,
  .h #h-sign:focus,
  .list-create,
  #pin-wrapper .pin-layer-vlist .small-item .added-icon,
  .section .count,
  .be-input_inner,
  .be-textarea_inner,
  #page-setting #setting-new-tag,
  #page-setting .setting-index-module:hover {
    border-color: var(--c-border);
    background-color: var(--c-hover);
    color: var(--c-title);
  }
  .n .n-inner {
    border: 1px solid var(--c-border);
    border-top: 0;
    box-shadow: none;
    background-color: var(--c-background);
  }
  .g-search {
    width: 300px;
  }
  #page-index .bangumi .large-item {
    width: 400px;
  }
  .g-search input {
    width: 300px;
    border-color: var(--c-border);
    background-color: var(--c-hover);
  }
  .g-search .search-btn:hover {
    background-position: -1111px -81px;
  }
  #pin-wrapper #pin-layer-search-btn:hover {
    background-position: -1111px -87px;
  }
  #page-index .col-1,
  #page-dynamic .col-1 {
    float: none;
    width: auto !important;
    border: 0;
    background-color: var(--c-background);
  }
  .section .count:before,
  .section .more {
    background-image: none;
  }
  #page-index .video.full-rows .content {
    max-height: none;
  }
  #page-index .video .content,
  #page-index .coin .content,
  #page-index .fav .content,
  #page-index .album .content .album-wrapper,
  #page-index .channel .channel-item .channel-video {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: justify;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    width: 100% !important;
    max-height: none;
  }
  #page-index .video .content .small-item,
  #page-index .coin .small-item,
  #page-index .fav-item,
  #page-index .album .content .album-wrapper .album-item,
  #page-index .channel .channel-item .small-item {
    float: none;
    flex: 18%;
    margin: 1%;
    padding: 0 !important;
    max-width: 223px;
  }
  .small-item .cover,
  .small-item img,
  #page-index .fav-covers,
  #page-index .fav-covers img,
  #page-index .channel .content {
    width: 100% !important;
    height: auto;
  }
  .mini-item {
    width: 20%;
  }
  .i-pin-c,
  .h .h-f-btn,
  .mini-item .cover img,
  .large-item .cover img,
  .elec .elec-trigger {
    box-shadow: none;
  }
  #page-index .fav-covers {
    border: 0;
  }
  #page-index .album .content {
    max-height: none;
  }
  #page-index .album .content .album-wrapper {
    margin: 0;
  }
  #page-index .album .content .album-wrapper .album-item .album-top {
    height: 150px;
  }
  .article-item .clearfix {
    display: flex;
  }
  .article-content {
    flex: 1;
    padding-right: 50px;
  }
  #page-index .col-2 {
    float: none;
    position: absolute;
    top: 0;
    right: -70px;
    width: auto;
  }
  #page-index .col-2 .section .user-auth.no-auth .no-auth-title .goto-auth,
  #page-index .col-2 .section .user-auth .auth-icon,
  #page-index .col-2 .section.i-m .i-m-r1 .i-m-title,
  #page-index .col-2 .section.elec .elec-trigger,
  #page-index .col-2 .section.i-live .i-live-off-guest a,
  #page-index .col-2 .section.i-live .i-live-link {
    position: relative;
    width: 60px;
    height: 60px;
    border: 1px solid var(--c-border);
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--c-background);
    transition: all 0.3s ease-in-out;
  }
  #page-index .col-2 .section .user-auth.no-auth .no-auth-title .goto-auth:hover,
  #page-index .col-2 .section .user-auth .auth-icon:hover,
  #page-index .col-2 .section.i-m .i-m-r1 .i-m-title:hover,
  #page-index .col-2 .section.elec .elec-trigger:hover,
  #page-index .col-2 .section.i-live .i-live-off-guest a:hover,
  #page-index .col-2 .section.i-live .i-live-link:hover {
    border-color: var(--c-accnet);
    background-color: var(--c-hover);
  }
  #page-index .col-2 .section {
    margin: 20px 0;
    padding: 0 !important;
    border: 0;
    background-color: transparent;
  }
  #page-index .col-2 .section:last-child {
    border: 0;
  }
  #page-index .col-2 .section .user-auth .auth-description {
    font-size: 0;
  }
  #page-index .col-2 .section .user-auth .auth-description {
    width: auto;
  }
  #page-index .col-2 .section.elec .elec-trigger {
    padding: 0;
    font-size: 0;
  }
  #page-index .col-2 .section.i-m,
  .i-m-r1 {
    padding: 0;
    text-align: left;
  }
  #page-index .col-2 .section .user-auth.no-auth,
  #page-index .col-2 .section .user-auth.no-auth .no-auth-title .goto-auth,
  .i-live .i-live-off,
  .i-live .i-live-off-guest a {
    margin: 0;
  }
  #page-index .col-2 .section .user-auth.no-auth .no-auth-title .goto-auth {
    font-size: 0;
  }
  #page-index .col-2 .section .user-auth.no-auth .no-auth-title {
    display: block;
    position: initial;
  }
  .elec .elec-trigger-icon {
    display: block;
    margin: 18px auto;
  }
  #page-index .col-2 .section .user-auth .auth-icon,
  .i-live .i-live-flag {
    background-image: none;
  }
  #page-index .col-2 .section .user-auth.no-auth .no-auth-title .goto-auth::before,
  #page-index .col-2 .section .user-auth .auth-icon::before,
  #page-index .col-2 .section.elec .elec-trigger::before,
  #page-index .col-2 .section.i-m .i-m-r1 .i-m-title::before,
  #page-index .col-2 .section.i-live .i-live-off-guest a::before,
  #page-index .col-2 .section.i-live .i-live-link::before,
  #page-index .col-2 .section.i-live .i-live-flag::before {
    display: block;
    font-size: 12px;
    color: var(--c-title);
    text-align: center;
    line-height: 60px;
  }
  #page-index .col-2 .section .user-auth.no-auth .no-auth-title .goto-auth::before {
    content: '去认证';
  }
  #page-index .col-2 .section .user-auth .auth-icon.personal-auth::before {
    content: '个人';
  }
  #page-index .col-2 .section .user-auth .auth-icon.organization-auth::before {
    content: '机构';
  }
  #page-index .col-2 .section.elec .elec-trigger::before {
    content: '充电' !important;
  }
  #page-index .col-2 .section.i-m .i-m-r1 .i-m-title::before {
    content: '创作中心';
  }
  #page-index .col-2 .section.i-live .i-live-off-guest a::before,
  #page-index .col-2 .section.i-live .i-live-link::before {
    content: '直播间';
  }
  #page-index .col-2 .section.i-live .i-live-flag {
    top: 20px;
    right: 0;
    text-align: center;
  }
  #page-index .col-2 .section.i-live .i-live-flag::before {
    content: '直播中';
    display: inline-block;
    background-color: var(--c-background) !important;
    line-height: 23px;
  }
  .to-top {
    position: fixed;
    background-color: transparent !important;
  }
  .to-top::after {
    content: none;
  }
  #id-card {
    border: 1px solid var(--c-border);
    background-color: var(--c-background);
  }
  #id-card .vip-name-check {
    color: var(--c-accent) !important;
  }
  #id-card .idc-content .idc-sign {
    color: var(--c-text) !important;
  }
  #page-channel-index .channel-option.no-channel,
  #page-fav .fav-main .fav-action-bottom .fav-action-fixtop {
    background-color: var(--c-background);
  }
  .contribution-sidenav .contribution-item.cur,
  .contribution-sidenav .contribution-item:hover,
  #page-video #submit-video-type-filter,
  #page-fav .fav-sidenav .fav-item.cur,
  #page-fav .fav-sidenav .fav-item:hover,
  #page-fav .fav-main .filter-item .filter-type .be-dropdown-item:hover,
  #page-follows .follow-main .follow-action-bottom .follow-action-fixtop,
  .album-content .my-album .tab-list {
    background-color: var(--c-hover);
  }
  #page-channel-index .no-channel-container em {
    background-color: transparent !important;
  }
  .breadcrumb .item.cur,
  #page-fav .fav-sidenav .nav-title .text,
  #page-fav .fav-sidenav .favlist-title,
  #page-fav .fav-sidenav .watch-later,
  .sub-tabs span {
    color: var(--c-title) !important;
  }
  .sub-tabs a,
  .pgc-space-follow-item .pgc-item-info .type-and-area span,
  .pgc-space-follow-item .pgc-item-info .pgc-item-state span {
    color: var(--c-text) !important;
  }
  #page-video #submit-video-type-filter a.active,
  .sub-tabs a.active,
  #page-channel-index .no-channel-container em,
  .my-album .tab-list .tab.active .name {
    color: var(--c-accent) !important;
  }
  .be-pager-item-active a {
    color: var(--c-white) !important;
  }
  .list-item,
  #page-follows .follow-sidenav .nav-container.follow-container,
  #page-follows .list-item:last-child,
  #page-setting .setting-index-container,
  #page-setting .setting-index-module,
  #page-fav .fav-sidenav .nav-container,
  #page-fav .fav-sidenav .watch-later,
  #page-fav .fav-main .fav-action-top,
  #page-fav .fav-main .fav-action-top .back-to-info,
  .be-dropdown-item.be-dropdown-item-delimiter {
    border-color: var(--c-border);
  }
  .contribution-sidenav,
  .contribution-sidenav~.main-content,
  #page-fav .fav-sidenav,
  #page-fav .fav-main,
  #page-fav .fav-main .favList-info,
  #page-fav .fav-main .small-item,
  #page-follows .follow-sidenav,
  #page-follows .follow-main,
  #page-follows .follow-main .follow-header.follow-header-info,
  #page-follows .follow-main .follow-action-top,
  #page-subs .mini-item,
  #page-myalbum .album-content {
    border: 0;
  }
  .col-full,
  .pgc-space-follow-item .bangumi-options .opt-list {
    border-color: var(--c-border);
    box-shadow: none;
    background-color: var(--c-background);
  }
  #page-follows .follow-sidenav .follow-list-container .follow-item.cur,
  #page-follows .follow-sidenav .follow-list-container .follow-item:hover,
  #page-setting .setting-tag-list a {
    border-color: var(--c-border);
    background-color: var(--c-hover);
  }
  #page-follows .follow-main .follow-action-top .back-to-info {
    border-color: var(--c-border);
    color: var(--c-text);
  }
  .pgc-space-follow-item .bangumi-options .opt-list li:hover {
    background-color: var(--c-hover);
    color: var(--c-title);
  }
  #page-fav .fav-main .filter-item .filter-type {
    padding: 0;
    width: auto;
  }
  #page-fav .fav-main .filter-item .filter-type .be-dropdown-item {
    float: none;
    padding: 0 20px;
    width: auto;
  }
  #page-setting #setting-new-tag-btn {
    border: var(--c-accent);
    background-color: var(--c-accent);
    background-image: none;
    color: var(--c-white) !important;
  }
  #page-subs .mini-item {
    margin-right: 0px !important;
    width: 340px !important;
  }
}
@-moz-document url-prefix("https://account.bilibili.com/") {
  .top-header,
  .security-title,
  #securityOutLink,
  .bili-footer,
  .home-level-mask-icon,
  .security-left .security-icon,
  .security-right-title,
  .big-name-record-hover-icon,
  .pendant-mail-margin h3,
  .pendant-mail-margin .vip-description,
  .face-nav>.active:after,
  .top_bg,
  .official-header {
    display: none !important;
  }
  .continuity-content,
  .common-dialog-content,
  .pay-dialog-content,
  .line-circle,
  .img-clip-wrap .container-bg,
  .security-right,
  .finish-status,
  .medal-get-box,
  .medal-message-box {
    background-color: var(--c-background) !important;
  }
  .security-left .security-list.on,
  .security-ul .security-list:hover,
  .big-more-item-item:hover .big-more-item-txt,
  .points-pendant-item:hover,
  .pendant-list li:hover,
  .identmagBot,
  .img-clip-wrap .first-change-lb,
  .coupon-content,
  .finish-status .finish-box .box-content,
  .pendant-vip-box .pendant-list li:hover>div,
  .medal-mask {
    background-color: var(--c-hover) !important;
  }
  .border-line,
  .medal-progress {
    background-color: var(--c-border) !important;
  }
  .re-exp-getexp,
  .black-time em,
  .per-left-line,
  .per-right-line,
  .organ-left-line,
  .organ-right-line,
  .security_content,
  .coin-inner,
  .indentify-page,
  .pendant-vip-box .pendant-list li,
  .pendant-vip-box .pendant-list li:hover {
    background-color: transparent !important;
  }
  .home-top-level-upgo,
  .coin-text-p .coin-i,
  .identify-component .identify-head:before,
  .medal-progress>i,
  .receive-list-page,
  .receive-list-prev i,
  .receive-list-next i {
    background-color: var(--c-accent) !important;
  }
  .home-top-msg-name,
  .home-level-tips,
  .home-dialy-task-title,
  .h-reward-info,
  .security-nav-name,
  .security-nav-name span,
  .big-user-name,
  .continuity-header,
  .tabs-nav-item span,
  .points-exchange-title,
  .points-how-title,
  .points-pendant-title p,
  .points-info p,
  .points-record-title,
  .black-name,
  .coin-nav-item,
  .coin-index-right-title,
  .coin-record .coin-title,
  .record-nav-item,
  .invitation-info-title,
  .pendant-nav li div,
  .official-title,
  .finish-status .finish-box .box-title {
    color: var(--c-title) !important;
  }
  .now-num,
  .max-num,
  .black-time,
  .coin-rest-info-inco,
  .pre-info,
  .attention {
    color: var(--c-text) !important;
  }
  .official-home-warapper .card-name,
  .official-home-warapper .card-info,
  .receive-list-page {
    color: var(--c-white) !important;
  }
  .home-top-msg-name-color,
  .big-user-pick-name,
  .active .tabs-normal-txt,
  .tabs-nav .active span,
  .points-header-box .points-num,
  .points-num,
  .el-pager li.active,
  .face-nav>.active a,
  .coin-num,
  .my-moral i,
  li.security-list.on span,
  li.security-list:hover span,
  .security-list .child-list li a.bg-blue span,
  .security-list .child-list li a:hover span,
  .medal-up-name .link-no-hover,
  .details-up-name .link-no-hover {
    color: var(--c-accent) !important;
  }
  .index-info,
  .h-line,
  .home-daily-task-warp,
  .home-mp,
  .big-name-warp,
  .big-privilege-warp,
  .big-watch-wrapper,
  .continuity-header,
  .tabs-normal-txt,
  .big-continuity-card-item,
  .big-game-gift-warp,
  .big-pendant-warp,
  .tabs-nav,
  .points-faq-line,
  .line-circle,
  .points-pendant-warp,
  .points-how-warp,
  .points-record-warp,
  .user-setting-warp .padding-dom,
  .tool-container,
  .face-nav,
  .black-list,
  .coin-nav,
  .table-wrapper,
  .record-nav,
  .main-content-title,
  .integrity-table-wrapper,
  .record-exp-title,
  .record-exp-table-wrapper,
  .invitation-top-warp,
  .invtable,
  .identmag,
  .identmagTop,
  .dialog-title,
  .modal-head,
  .img-clip-wrap .container-bg,
  .img-clip-wrap .first-change-lb,
  .bcoin-wrapper,
  .vip-package-wrapper,
  .game-package-item,
  .game-package-wrapper,
  .title-right-link,
  .finish-status .finish-box,
  .finish-status .finish-box .box-title,
  .medal-receive-title {
    border-color: var(--c-border) !important;
  }
  .active .tabs-normal-txt,
  .tabs-nav .active,
  .title-right-link:hover,
  .face-nav>.active,
  .tab-mk2.active,
  .face-g-list .mp-block .right ul li.base.reach .round {
    border-color: var(--c-accent) !important;
  }
  .h-list-item,
  .h-list-icon,
  .big-more-tool-btn,
  .indentify-page,
  .identify-component .identify-head,
  .pendant-list li>div,
  .medal-get-box,
  .medal-message-box {
    border: 0 !important;
  }
  .pendant-list li:hover>div {
    box-shadow: none !important;
  }
  .coupon-wrapper {
    background-image: none;
  }
  .security-nav-name {
    margin: 0 !important;
  }
  .security_content {
    margin-bottom: 0;
  }
  .finish-status {
    width: auto;
  }
  .indentify-page {
    min-height: auto !important;
  }
  .security_content,
  .security-right,
  .finish-status {
    border: 0;
    border-radius: 4px;
    box-shadow: none;
  }
  .home-top-level-mask-warp,
  .big-name-record-hover,
  .el-picker-panel {
    border-color: var(--c-border) !important;
    box-shadow: none !important;
    background-color: var(--c-background) !important;
  }
  .home-top-level-head {
    background-color: var(--c-accent) !important;
    background-image: none !important;
    color: var(--c-white) !important;
  }
  .security-ul {
    margin-top: 100px;
    border: 0 !important;
  }
  .h-list-item:hover {
    box-shadow: none !important;
    background-color: var(--c-hover) !important;
  }
  .security-list {
    border-radius: 10px;
    text-align: center;
    transition: background-color 0.3s ease-in-out !important;
  }
  .big-more-item-item {
    background-color: var(--c-background) !important;
    transition: background-color 0.3s ease-in-out !important;
  }
  .big-member-btn,
  .go-movie,
  .tool-change-face,
  .invitation-btn,
  .coupon-content-con .coupon-btn {
    position: absolute !important;
  }
  .tabs-nav .active {
    background-image: none !important;
  }
  .points-header-warp {
    height: auto;
    background-image: none;
  }
  .points-box {
    border: 0;
    box-shadow: none;
  }
  .points-pendant-item,
  .pendant-list li {
    border: 0 !important;
    transition: background-color 0.3s ease-in-out !important;
  }
  .el-pager li {
    border: 0 !important;
    background-color: var(--c-background) !important;
  }
  .el-input__icon {
    line-height: 30px;
  }
  .coin-nav .on,
  .record-nav .on {
    border-color: var(--c-accent) !important;
    background-image: none !important;
    color: var(--c-accent) !important;
  }
}
@-moz-document url-prefix("https://account.bilibili.com/site/") {
  .top_bg,
  .security-list .first-level,
  .sr-t,
  .f-list-hover,
  .security-list li a i {
    display: none !important;
  }
  .d-outer,
  .identification-warning,
  .infoinputBox select {
    background-color: var(--c-background);
  }
  .face-g-list .mp-block .right ul li .strip {
    background-color: var(--c-border);
  }
  .security-list .child-list li a:hover {
    background-color: var(--c-hover);
  }
  .face-g-list .mp-block .right ul li.reach .strip {
    background-color: var(--c-accent);
  }
  .face-g-list .face-g-block .face-g-block-title span,
  .security-list li a span,
  .d-title,
  .u-info .u-name,
  .identification-atp {
    color: var(--c-title) !important;
  }
  .current .tab-btn-link,
  .current .tab-btn-link:hover {
    color: var(--c-white) !important;
  }
  .tabs-mk2,
  .face-g-list .face-g-block,
  .face-g-list .mp-block .right ul li.base .round,
  .d-title,
  .identification-notice,
  .infoinputBox select {
    border-color: var(--c-border);
  }
  .face-g-list .mp-block .left .mp-img,
  .security-list .child-list,
  .security-list .first-level,
  .face-g-list#my-g-list .face-g-block .my-mp-block,
  .face-g-list#my-g-list .face-g-block .my-mp-block .mp-info,
  .wear-list li,
  .hold-list,
  .hold-list-width.details-list-t,
  .upbuttonBox {
    border: 0;
  }
  .security-list li a span {
    margin: 0;
  }
  .security-right {
    padding: 0;
  }
  #mp-mine-header,
  #mp-mine-header.active {
    background-image: none !important;
  }
  .d-outer {
    box-shadow: none;
  }
  .mp-mine-takedown {
    position: absolute !important;
  }
  .security-list .child-list {
    margin-top: 100px;
  }
  .module-box .btn-right {
    vertical-align: middle !important;
  }
  .security-list .child-list li a {
    text-align: center;
    transition: background-color 0.3s ease-in-out !important;
  }
  .bg-blue {
    border-radius: 4px;
    background-color: var(--c-hover) !important;
    color: var(--c-title) !important;
  }
  .tab-mk2.active {
    background-image: none !important;
    color: var(--c-accent) !important;
  }
  .face-g-list .mp-block .left .tips,
  .face-g-list .mp-block .right ul li .mp-tips {
    border-color: var(--c-border) !important;
    box-shadow: none !important;
    background-color: var(--c-background) !important;
    color: var(--c-text) !important;
  }
  .face-g-list#my-g-list .face-g-block .my-mp-block {
    transition: background-color 0.3s ease-in-out !important;
  }
  .face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .is-activated::before {
    content: '已装备';
  }
  .face-g-list#my-g-list .face-g-block .my-mp-block:hover {
    box-shadow: none;
    background-color: var(--c-hover);
  }
  table.d-border tbody tr:nth-child(odd) td {
    background-color: var(--c-background) !important;
  }
}
@-moz-document url-prefix("https://www.bilibili.com/account/history") {
  .bili-footer {
    display: none !important;
  }
  .history-list .cover-contain .progress-c {
    background-color: var(--c-hover) !important;
  }
  .history-list .cover-contain .progress {
    background-color: var(--c-accent) !important;
  }
  .history-wrap .b-head .b-head-t {
    color: var(--c-title) !important;
  }
  .history-list .l-info,
  .history-list .r-info .r-txt,
  .history-list .r-info .w-info .username {
    border-color: var(--c-border) !important;
  }
  .history-list .l-info .lastplay-time .history-red-round {
    border-left-color: var(--c-border) !important;
  }
  .history-list .cover-contain .progress-c,
  .history-list .cover-contain .progress {
    height: 2px;
  }
  .go-top-m .go-top {
    background-position: -714px -72px !important;
  }
  .history-list .r-info {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-radius: 4px;
    background-color: var(--c-background) !important;
  }
  .history-list .r-info .history-delete {
    right: 15px;
  }
  .history-wrap .time-label {
    border-color: var(--c-border);
    color: var(--c-text) !important;
    transition: all 0.3s ease-in-out !important;
  }
  .history-wrap .time-label::before {
    border-left-color: var(--c-background);
  }
  .history-wrap .time-label::after {
    border-left-color: var(--c-border);
    transition: all 0.3s ease-in-out !important;
  }
  .history-wrap .time-label:hover {
    border-color: var(--c-accent) !important;
    color: var(--c-accent) !important;
  }
  .history-wrap .time-label:hover::after {
    border-left-color: var(--c-accent);
  }
  .history-wrap .time-label.active {
    border-color: var(--c-accent) !important;
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .history-wrap .time-label.active::before,
  .history-wrap .time-label.active::after {
    border-left-color: var(--c-accent);
  }
}
@-moz-document url-prefix("https://live.bilibili.com/"), url-prefix("https://link.bilibili.com/"), url-prefix("https://www.bilibili.com/blackboard/live/") {
  .user-title-sending-cntr .panel,
  .user-panel-ctnr .user-panel,
  .link-panel-ctnr,
  .calendar-checkin,
  .area-list-panel {
    background-color: var(--c-background) !important;
  }
  .user-panel-ctnr .user-panel .content-ctnr .logout-btn:hover,
  .link-panel-ctnr .load-more:hover,
  .calendar-checkin .checkin-btn:hover,
  .area-list-panel .list-item:hover,
  .user-level-detail .detail-link:hover {
    background-color: var(--c-hover) !important;
  }
  .link-navbar-ctnr,
  .search-bar-ctnr .search-bar input,
  .calendar-checkin .title,
  .calendar-checkin .calendar-wrapper,
  .calendar-checkin .checkin-rewards,
  .shortcuts-ctnr .shortcut-item,
  .link-navbar .nav-item {
    background-color: transparent !important;
  }
  .divider {
    background-color: var(--c-border) !important;
  }
  .user-panel-ctnr .msg-hinter,
  .user-panel-ctnr .user-panel .content-ctnr .msg-count,
  .shortcuts-ctnr .shortcut-item .hinter,
  .shortcuts-ctnr .shortcut-item .num-hinter {
    background-color: var(--c-accent) !important;
  }
  .shortcuts-ctnr .shortcut-item .list-item span {
    color: var(--c-title) !important;
  }
  .nav-ctnr .link-navbar .shortcuts-ctnr .shortcut-item .list-item span,
  .live-room-app .link-navbar .shortcuts-ctnr .shortcut-item .list-item span,
  .nav-ctnr .link-navbar .nav-item span,
  .live-room-app .link-navbar .nav-item span,
  .user-panel-ctnr .user-panel .content-ctnr .msg-count {
    color: var(--c-white) !important;
  }
  .nav-ctnr .link-navbar .nav-item:hover span,
  .shortcuts-ctnr .shortcut-item:hover .list-item span,
  .nav-ctnr .link-navbar .shortcuts-ctnr .shortcut-item:hover .list-item span,
  .live-room-app .link-navbar .shortcuts-ctnr .shortcut-item:hover .list-item span,
  .user-item:hover .username,
  .activity-item-ctnr:hover .info-ctnr .first-line .username,
  .calendar-checkin .checkin-btn:hover {
    color: var(--c-accent) !important;
  }
  .info-item-ctnr {
    border-color: var(--c-border) !important;
  }
  .link-navbar .panel-shadow {
    box-shadow: none;
  }
  .user-panel-ctnr .user-panel .content-ctnr .logout-btn,
  .link-panel-ctnr .load-more,
  .calendar-checkin .checkin-btn {
    border-top: 1px solid var(--c-border);
    background-color: var(--c-background) !important;
    transition: all 0.3s ease-in-out !important;
  }
  .calendar-checkin .calendar-wrapper .calendar .date-ctnr .day-item {
    color: #bdbdbd !important;
  }
  .calendar-checkin .calendar-wrapper .calendar .date-ctnr .day-item.checked {
    color: var(--c-white) !important;
  }
  .link-navbar {
    background-color: var(--c-background) !important;
    box-shadow: none !important;
  }
  .head-content .link-navbar,
  .app-ctnr .link-navbar {
    border-bottom: 1px solid var(--c-border) !important;
  }
  .nav-ctnr .link-navbar,
  .live-room-app .link-navbar {
    box-shadow: none !important;
    background-color: var(--c-bg-header) !important;
    backdrop-filter: blur(5px) !important;
  }
  .area-list-panel .main-ctnr,
  .link-panel-ctnr .panel-main-ctnr,
  .calendar-checkin .content-ctnr {
    border: 1px solid var(--c-border);
    border-top-width: 0;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
  }
  .search-bar-ctnr .search-bar {
    border: 0 !important;
    background-color: var(--c-hover) !important;
  }
  .link-navbar .main-ctnr .nav-logo:before {
    top: 11px !important;
    width: 30px !important;
    height: 30px !important;
    background-size: 30px !important;
  }
  .link-navbar .left-part>.dp-table-cell {
    display: block;
    width: 36px;
    white-space: nowrap;
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr {
    transform: translateY(-100%);
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a {
    display: inline-block;
    opacity: 0;
    transform: translateY(-40px);
    transition: all 0.3s ease-in-out;
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a:first-child {
    opacity: 1;
    transform: translateY(0);
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a:nth-child(3) {
    transition-delay: 0.05s;
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a:nth-child(4) {
    transition-delay: 0.1s;
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a:nth-child(5) {
    transition-delay: 0.15s;
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a:nth-child(6) {
    transition-delay: 0.2s;
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a:nth-child(7) {
    transition-delay: 0.25s;
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a:nth-child(8) {
    transition-delay: 0.3s;
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a:nth-child(9) {
    transition-delay: 0.35s;
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a:nth-child(10) {
    transition-delay: 0.4s;
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a:nth-child(11) {
    transition-delay: 0.45s;
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a:nth-child(12) {
    transition-delay: 0.5s;
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a:nth-child(13) {
    transition-delay: 0.55s;
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a:nth-child(14) {
    transition-delay: 0.6s;
  }
  .link-navbar .left-part>.dp-table-cell .nav-items-ctnr a:nth-child(15) {
    transition-delay: 0.65s;
  }
  .link-navbar .left-part>.dp-table-cell:hover {
    width: auto;
  }
  .link-navbar .left-part>.dp-table-cell:hover .nav-items-ctnr {
    transform: translateY(0);
  }
  .link-navbar .left-part>.dp-table-cell:hover .nav-items-ctnr a {
    opacity: 1;
    transform: translateY(0);
  }
  .footer-ctnr,
  .pendant-ctnr.left-top,
  .side-bar-popup-cntr:after,
  .area-detail-ctnr .flip-view,
  .area-banner {
    display: none !important;
  }
  .highlight-area-item,
  .news-ctnr,
  .hab-ctnr,
  .rank-ctnr,
  .hover-panel-wrapper,
  .rec-area-item,
  .link-footer,
  .live-sidebar-ctnr {
    background-color: var(--c-background) !important;
  }
  .gift-item.buy.hover {
    background-color: var(--c-hover) !important;
  }
  .text-info-ctnr.body-bg,
  .hover-panel-wrapper .text-info-ctnr {
    background-color: transparent !important;
  }
  .bilibili-live-player[data-player-type='player-home'] .bilibili-live-player-enter-tips:hover,
  .blp-red-tip:after,
  .living-icon-col,
  .notice-item .notice-main .notice-title:before {
    background-color: var(--c-accent) !important;
  }
  .notice-item .notice-main .notice-title,
  .coverNews-item-title,
  .area-name {
    color: var(--c-title) !important;
  }
  .area-desc,
  .tab-item,
  .more-ctnr .v-middle,
  .more-link span,
  .area-link span,
  .yzly-link span,
  .room-anchor span,
  .notice-item .notice-main .notice-time span {
    color: var(--c-text) !important;
  }
  .activated,
  .bilibili-live-player[data-player-type='player-home'] .bilibili-live-player-enter-tips {
    color: var(--c-accent) !important;
  }
  .cover-ctnr .area-name,
  .aside-item .aside-item-tips,
  .ysly-room-ctnr .item .info span,
  .bilibili-live-player[data-player-type='player-home'] .bilibili-live-player-enter-tips:hover {
    color: var(--c-white) !important;
  }
  .bilibili-live-player[data-player-type='player-home'] .bilibili-live-player-enter-tips,
  .item-border {
    border-color: var(--c-accent) !important;
  }
  .aside-item:after {
    border-right-color: var(--c-accent) !important;
  }
  .highlight-area-item {
    box-shadow: none !important;
  }
  .room-ctnr {
    margin: 16px -10px 0 !important;
    padding: 20px 10px 0;
    border-radius: 4px;
    background-color: var(--c-background);
  }
  .bilibili-live-player button,
  .live-player-ctnr button,
  .search-bar-ctnr .search-bar .search-btn,
  .link-panel-ctnr .load-more .load-more-btn,
  .attention-live .switch-btn {
    overflow: visible !important;
    background-color: transparent !important;
    color: var(--c-text) !important;
  }
  .bilibili-live-player button::after,
  .live-player-ctnr button::after,
  .search-bar-ctnr .search-bar .search-btn::after,
  .link-panel-ctnr .load-more .load-more-btn::after,
  .attention-live .switch-btn::after {
    content: none !important;
  }
  .notice-item .notice-btn {
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .hover-panel-wrapper,
  .link-footer {
    border-color: var(--c-border) !important;
  }
  .rec-area-item {
    border: 0 !important;
  }
  .side-bar-popup-cntr {
    border-color: var(--c-border) !important;
    box-shadow: none !important;
    background-color: var(--c-background) !important;
  }
  .yzly-content-ctnr .p-absolute,
  .hover-panel-wrapper .text-info-ctnr .follow-btn.p-absolute {
    position: absolute;
  }
  .banner,
  .link-footer,
  .child-nav .nav-remind,
  .wrap .state-null>.txt>p:before,
  .wrapper .content .state-null>.txt>p:before {
    display: none !important;
  }
  .top3 li div.content-detail,
  .rank-detail .top50,
  .rank-detail .my-info,
  .progress-tv,
  #comment {
    background-color: var(--c-background) !important;
  }
  .rank-detail .top50 li:nth-child(2n) {
    background-color: var(--c-hover) !important;
  }
  #app-ctnr .content,
  .child-nav,
  .rank-detail dd .score {
    background-color: transparent !important;
  }
  .top3 .content-detail>p>span,
  .rank-detail dd .score span,
  .rank-detail dd .score span:hover,
  .tag span,
  .tag:hover span {
    color: var(--c-text) !important;
  }
  .rank-detail dt .rank-number {
    color: var(--c-white) !important;
  }
  .list-filter-bar .item-text.active span,
  .list-filter-bar .item-text:hover span,
  .child-nav li.active,
  .child-nav li:hover {
    color: var(--c-accent) !important;
  }
  .wrap .state-null>.txt,
  .wrap .state-null>.txt::before,
  .wrap .state-null>.txt::after,
  .wrapper .content .state-null>.txt,
  .wrapper .content .state-null>.txt::before,
  .wrapper .content .state-null>.txt::after {
    border-color: var(--c-border) !important;
  }
  .wrapper .content .state-null>.txt {
    display: inline-block;
  }
  .content-panel .card-items li {
    margin: 0 13.7px 24px !important;
  }
  .recommend-list .wrapper {
    margin: 20px 0;
  }
  #comment {
    margin: 100px auto 0 !important;
  }
  .main-content .main-container,
  .wrapper .wrapper .content {
    padding-top: 60px;
  }
  .main-ctnr .content-ctn .header {
    padding-top: 80px;
  }
  .content-panel .card-items,
  .recommend-list .list,
  .wrap .list,
  .wrapper .wrapper .content .list {
    margin: 16px -10px 0 !important;
    padding: 20px 10px 0 !important;
    border-radius: 4px;
    background-color: var(--c-background);
  }
  .main-container>h1.title>span {
    border-radius: 10px;
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .main-container>h1.title>span::before {
    display: none !important;
  }
  .content-panel>h1.title>span,
  .recommend-list .recommend-header .refresh {
    border: 0 !important;
    font-size: 0 !important;
  }
  .content-panel>h1.title>span .icon-font,
  .recommend-list .recommend-header .refresh .icon-font {
    font-size: 20px !important;
    color: var(--c-accent);
  }
  .list-filter-bar .sort-box .item.active,
  .list-filter-bar .sort-box .item:hover,
  .list-filter-bar .pic-type-box .item.active,
  .list-filter-bar .pic-type-box .item:hover,
  .list-filter-bar .item-text.active,
  .list-filter-bar .item-text.expand,
  .list-filter-bar .item-text:hover {
    border-color: var(--c-accent) !important;
    color: var(--c-accent) !important;
  }
  .container {
    top: 60px !important;
  }
  .rank-detail .top50-container {
    height: auto;
  }
  .rank-detail .scroll-container {
    height: 580px;
  }
  .child-nav {
    width: 200px !important;
  }
  .child-nav li {
    transition: background-color 0.3s ease-in-out !important;
  }
  .child-nav li:hover,
  .child-nav li.active {
    background-color: var(--c-hover) !important;
  }
  .bili-footer,
  .shortcuts-ctnr .shortcut-item:last-child,
  .custom-link,
  .live-room-app .app-content .app-body .section-block .right-container,
  .left-container .flip-view,
  .link-footer-ctnr,
  .count-choice .send-btn-animation,
  .chat-history-panel .chat-history-list .chat-item.danmaku-item .title-label,
  .bottom-actions .left-action,
  .dialog-ctnr .arrow,
  .user-level-detail:after,
  .user-level-detail:before,
  .chat-history-panel .chat-history-list .chat-item.danmaku-item.guard-level-1::before,
  .chat-history-panel .chat-history-list .chat-item.danmaku-item.guard-level-2::before,
  .chat-history-panel .chat-history-list .chat-item.danmaku-item.guard-level-1::after,
  .chat-history-panel .chat-history-list .chat-item.danmaku-item.guard-level-2::after,
  .chat-input-ctnr .medal-section {
    display: none !important;
  }
  .link-footer-vm,
  .rank-list-ctnr,
  .live-room-app .app-content .app-body .player-and-aside-area .aside-area .rank-list-section,
  .chat-history-panel,
  .live-room-app .app-content .app-body .player-and-aside-area .aside-area .chat-control-panel,
  .content-wrapper,
  .live-player-ctnr.minimal,
  .gift-sender-panel,
  .gift-control-panel .right-part .gift-presets .gift-panel-box,
  .guard-store-box .cntr,
  .tab-box .item.active::after,
  .tab-box .item.active::before,
  .guard-desc-box,
  .chat-history-panel .chat-history-list .chat-item.welcome-msg .username.vip,
  .recharge-stores-ctnr .cntr,
  .recharge-stores-ctnr .gold-seed-store,
  .recharge-store-box .cntr .store-content,
  .gold-seed-store .content,
  .recharge-store-box .reward-desc,
  .silver-seed-store,
  .silver-seed-store .content,
  .draw-full-cntr,
  #webShare .bili-share-pc,
  .bili-share-pc .share-weixin-qr,
  .help-cntr,
  .live-record-list-cntr,
  .control-panel-ctnr,
  .chat-input-ctnr {
    background-color: var(--c-background) !important;
  }
  .attention-btn-ctnr .right-part,
  .guard-store-box .tab-box,
  .fans-medal-item .level,
  .recharge-stores-ctnr .tab-box,
  .sub-tab-box .item.active,
  .draw-full-cntr .function-bar,
  .pay-note-panel,
  .gift-item.buy.hover,
  .gift-item.buy:hover,
  .chat-history-panel .danmaku-buffer-prompt {
    background-color: var(--c-hover) !important;
  }
  .blpui-slider-container.vertical-slider .blpui-slider-span:before,
  .blpui-slider-container.horizontal-slider,
  .blpui-slider-container.horizontal-slider .slider-value {
    background-color: var(--c-white) !important;
  }
  .blpui-slider-container .horizontal-slider .slider-white,
  .blpui-slider-container .slider-marks .slider-marks-item::before {
    background-color: var(--c-border) !important;
  }
  .blpui-slider-container .horizontal-slider .slider-process,
  .blpui-slider-container .horizontal-slider .slider-handle {
    background-color: var(--c-accent) !important;
  }
  .bili-share-pc .weixin-hover .qr-before,
  .live-record-card-cntr,
  .week-rank-iframe,
  .score-box .pk-main,
  .aside-area-toggle-btn .btn-ctnr .restore-btn {
    background-color: transparent !important;
  }
  .draw-full-cntr .function-bar.draw,
  .tab-candidate>span:after,
  .tabs .item>span:after,
  .blpui-slider-container.vertical-slider .blpui-slider-span.slider-span-active:after,
  .blpui-slider-container.horizontal-slider .slider-process,
  .blpui-slider-container.horizontal-slider .slider-handle,
  .blpui-slider-container.vertical-slider .blpui-slider-span > span,
  .draw-full-cntr .count {
    background-color: var(--c-accent) !important;
  }
  .room-bg::after {
    background-image: linear-gradient(0deg, var(--c-background), transparent 20%) !important;
  }
  .title-length-limit,
  .attention-btn-ctnr .right-part,
  .gift-info-title,
  .tab-box .item .item-cntr,
  .fans-medal-item .level,
  .recharge-store-box dl.recharge-form dt,
  .chaos-pk-rank .rank .rank-name,
  .month-selector .month-info,
  .chat-history-panel .danmaku-buffer-prompt .danmaku-buffer-num,
  .chat-history-panel .danmaku-buffer-prompt .icon-font {
    color: var(--c-title) !important;
  }
  .gift-info-desc,
  .gift-info-expScore,
  .icon-label,
  .chaos-pk-rank .rank .season-name,
  .chaos-pk-rank .rank .time,
  .guard-rank-cntr .rank-cntr .tip,
  .select-month,
  .uname .live-skin-main-a-text {
    color: var(--c-text) !important;
  }
  .hour-rank .hour-rank-content,
  .attention-btn-ctnr .left-part .follow-text,
  .fans-medal-item .label,
  .draw-full-cntr .function-bar.draw span,
  .bilibili-live-player .blpui-btn.text-btn > span,
  .bilibili-live-player .blpui-btn.icon-btn > i,
  .bilibili-live-player-video-controller-hide-danmaku-container .hide-danmaku-title,
  .draw-full-cntr .count,
  .card-detail .card-item-middle-bottom .input-contain .text,
  .card-detail .card-item-middle-bottom .input-trans-contain .text,
  .blpui-slider-container .slider-value,
  .chat-history-panel .chat-history-list .chat-item.superChat-card-detail .card-item-middle-bottom .input-contain .text,
  .chat-history-panel .chat-history-list .chat-item.superChat-card-detail .card-item-middle-bottom .input-trans-contain .text {
    color: var(--c-white) !important;
  }
  .gift-info .btn-rule,
  .striking,
  .item.club-rank-1 .club-name,
  .chat-history-panel .chat-history-list .chat-item.welcome-msg .username.vip,
  .room-introduction-tags .room-introduction-tag:hover .icon-label,
  .chaos-pk-rank .link-to-history,
  .guard-rank-cntr .rank-cntr .rank-list-box .online a.live-skin-main-a-text,
  .mailbox-cntr header,
  .tabs .item.active span,
  .tabs .item:hover span,
  .start-part .count-down,
  .chaos-pk-result-ctnr .result-panel .result-tab div.active,
  .common-popup-wrap .box header,
  .bilibili-live-player .blpui-btn.icon-btn:hover > i,
  .bilibili-live-player .blpui-btn.text-btn:hover > span,
  .bilibili-live-player .blpui-btn.text-btn.active > span,
  .draw-full-cntr .gift-sender-info span,
  .month-selector .month-info .month-list .month-item:hover .days,
  .month-selector .month-info .month-list .month-item:hover,
  .buy-detail .master,
  .btn-box .total-price .price,
  .gift-panel-box .gift-reveal-header .gift-tab.active .name,
  .end-part .award-title,
  .end-part .winner-box .winner-list .winner-item span,
  .blpui-slider-container .slider-marks .slider-marks-item--active,
  .uname .live-skin-main-a-text:hover {
    color: var(--c-accent) !important;
  }
  .room-introduction-tags,
  .attention-btn-ctnr .right-part,
  .rank-list-ctnr,
  .tabs .tab-list .item,
  .edit-button,
  .bili-share-pc,
  .result-anchor-box,
  .gift-panel-box .gift-reveal-header,
  .chat-input-ctnr,
  .gift-panel-box,
  .label-box .label {
    border-color: var(--c-border) !important;
  }
  .recharge-store-box ul.select-list .item.active,
  .award-list-cntr .award-list-cntr .award-list .award-item img,
  .chaos-pk-result-ctnr .result-panel .result-tab div.active,
  .month-selector .month-info,
  .gift-panel-box .gift-reveal-header .gift-tab.active .name,
  .gift-panel-box .gift-reveal-header .gift-tab:hover .name,
  .label-box .label.highlight {
    border-color: var(--c-accent) !important;
  }
  .month-selector .month-info .month-list {
    border-width: 1px !important;
  }
  .content-wrapper,
  .user-protocol,
  .draw-full-cntr,
  .live-record-list-cntr {
    border: 0 !important;
  }
  .common-popup-wrap.arrow-top::before {
    border-color: transparent transparent var(--c-border) !important;
  }
  .common-popup-wrap.arrow-top::after {
    border-color: transparent transparent var(--c-background) !important;
  }
  .common-popup-wrap.arrow-bottom::before,
  .gift-sender-panel.arrow-bottom::before,
  .chat-history-panel .chat-history-list .chat-item.danmaku-item .hover-panel::before {
    border-color: var(--c-border) transparent transparent !important;
  }
  .common-popup-wrap.arrow-bottom::after {
    border-color: var(--c-background) transparent transparent !important;
  }
  .side-bar-popup-cntr .arrow {
    border-color: transparent transparent transparent var(--c-background) !important;
  }
  .common-popup-wrap.arrow-bottom::after {
    left: 50%;
  }
  .link-navbar-ctnr,
  .bili-share-pc .weixin-hover .qr-before,
  .blpui-slider-container.horizontal-slider .slider-handle,
  .blpui-slider-container .horizontal-slider .slider-handle {
    box-shadow: none;
  }
  .link-navbar .main-ctnr .nav-logo {
    font-size: 0 !important;
  }
  .chat-history-panel .chat-history-list .chat-item.danmaku-item.guard-level-1,
  .chat-history-panel .chat-history-list .chat-item.danmaku-item.guard-level-2 {
    margin: 0;
  }
  .live-room-app .app-content .app-body .section-block {
    margin-bottom: 140px;
  }
  .user-panel-ctnr .user-panel .content-ctnr .ctrl-btn:nth-child(2n) {
    padding-left: 40px !important;
  }
  .captcha-widget .submit-btn {
    border-radius: 4px;
  }
  .captcha-widget .submit-btn button {
    width: 100% !important;
  }
  .count-choice .send-button {
    vertical-align: middle;
  }
  .month-selector .month-info .triangle:before {
    bottom: 8px !important;
    border-top-color: var(--c-border) !important;
  }
  .right-action-ctnr,
  .live-skin-highlight-text,
  .awarding-panel .close-btn,
  .awarding-panel .info-section .slide-btn,
  .captcha-widget .refresh-captcha {
    background-color: transparent !important;
    color: var(--c-text) !important;
  }
  .right-action-ctnr:hover,
  .live-skin-highlight-text:hover,
  .awarding-panel .close-btn:hover,
  .awarding-panel .info-section .slide-btn:hover,
  .captcha-widget .refresh-captcha:hover {
    color: var(--c-text) !important;
  }
  .right-action-ctnr span,
  .live-skin-highlight-text span,
  .awarding-panel .close-btn span,
  .awarding-panel .info-section .slide-btn span,
  .captcha-widget .refresh-captcha span {
    color: var(--c-text) !important;
  }
  .right-action-ctnr::after,
  .live-skin-highlight-text::after,
  .awarding-panel .close-btn::after,
  .awarding-panel .info-section .slide-btn::after,
  .captcha-widget .refresh-captcha::after {
    content: none !important;
  }
  .live-room-app .app-content .app-body .player-and-aside-area .aside-area .chat-control-panel {
    border-top: 1px solid var(--c-border);
    box-sizing: border-box;
  }
  .live-room-app .app-content .app-body .section-block .left-container {
    float: none;
    width: auto;
  }
  .live-room-app .app-content .app-body .player-and-aside-area .left-container .head-info-section,
  .live-room-app .app-content .app-body .player-and-aside-area .left-container .gift-control-section,
  .live-room-app .app-content .app-body .player-and-aside-area .aside-area,
  .side-bar-cntr,
  .count-choice,
  .buy-info-box {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
  }
  .video-container,
  .live-container,
  .count-down,
  .count-choice .count-input,
  .chat-history-panel .chat-history-list .chat-item.system-msg {
    border-color: var(--c-border) !important;
    background-color: var(--c-hover) !important;
    color: var(--c-text) !important;
  }
  .choice-item {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
    color: var(--c-text) !important;
    transition: background-color 0.3s ease-in-out !important;
  }
  .choice-item:hover {
    background-color: var(--c-hover) !important;
  }
  .choice-item.active {
    border-color: var(--c-accent) !important;
    background-color: var(--c-background) !important;
    color: var(--c-accent) !important;
  }
  .box-body {
    border-radius: 4px !important;
    background-color: var(--c-background) !important;
  }
@media (prefers-color-scheme: dark) {
    .live-player-ctnr.minimal {
      box-shadow: 0 0 30px 1px rgba(84,94,101,0.4);
    }
}
}
@-moz-document url-prefix("https://live.bilibili.com/activity/"), url-prefix("https://live.bilibili.com/p/"), url-prefix("https://www.bilibili.com/blackboard/live/") {
  .bili-footer {
    display: none !important;
  }
  .box-body,
  #webShare .bili-share-pc,
  .bili-share-pc .weixin-hover .qr-before {
    background-color: var(--c-background) !important;
  }
  .popup-bg-cntr .popup-cntr .left-part,
  .bingo-list {
    background-color: var(--c-hover) !important;
  }
  .bili-share-pc .title,
  .popup-bg-cntr .popup-cntr .right-part .activity-name,
  .not-bingo,
  .not-join {
    color: var(--c-title) !important;
  }
  #webShare .bili-share-pc {
    border-color: var(--c-border);
  }
  .popup-bg-cntr .popup-cntr .left-part .round-item.active {
    background-color: var(--c-background) !important;
    background-image: none !important;
  }
  .countdown-bar-cntr {
    box-shadow: none !important;
    background-color: transparent !important;
  }
  .box-body {
    margin-bottom: 30px;
  }
  .page-bg-wrap {
    margin-top: 0 !important;
  }
  .link-navbar {
    position: absolute;
    width: 100%;
  }
  button,
  .btn {
    background-color: transparent !important;
    color: var(--c-title) !important;
  }
  button::after,
  .btn::after {
    content: none !important;
  }
}
@-moz-document url-prefix("https://link.bilibili.com/") {
  header figure,
  .nav-item .svg-icon,
  .ad,
  .sub-pages-item-ctnr .sub-pages-item .badge {
    display: none !important;
  }
  #app-news #list,
  .news-detail-content,
  .tab-selector-wrap,
  .user-hd,
  .loading-error-ctnr,
  .invite,
  .mce-panel,
  .mce-btn {
    background-color: var(--c-background) !important;
  }
  .progress-bar-ctnr .bar-body,
  div.mce-edit-area,
  .mce-btn:hover,
  .mce-btn:focus,
  .mce-menu-item:hover,
  .mce-menu-item.mce-selected,
  .mce-menu-item:focus,
  .range.active {
    background-color: var(--c-hover) !important;
  }
  .no-data,
  .app-body .section-block,
  .section-filter,
  .favourite-card,
  .history-card,
  .title-library-wrap .title-item,
  .daily-task .task-item,
  .achievement-user,
  .achievement-card,
  .income-info .item,
  .live-haruna .tab-body .item,
  .sailors-ctnr {
    background-color: transparent !important;
  }
  .item .title-wrap .notice,
  .item .title-wrap .regulation,
  .progress-bar-ctnr .bar-body .progress-bar,
  .tabnav-tip {
    background-color: var(--c-accent) !important;
  }
  .page-title .v-middle,
  .user-info>.user-name,
  .history-card .room-info .room-title,
  .title-name,
  .daily-task .task-item .task-status,
  .achievement-card-centent>.header,
  .mce-ico {
    color: var(--c-title) !important;
  }
  .no-data-msg {
    color: var(--c-text) !important;
  }
  .tabnav-tip,
  .page-title .count {
    color: var(--c-white) !important;
  }
  .icon-edit,
  .income-info .item .value,
  .income-info .item .value span,
  .tab-selector-wrap .tab-wrap .tab span.active {
    color: var(--c-accent) !important;
  }
  .news-detail-content .sepatator,
  .favourite-card,
  .favourite-card .anchor-info,
  .favourite-card .other-info-ctnr .anchor-live:before,
  .title-library-wrap .title-item,
  .daily-task .task-item,
  .achievement-card,
  .income-info .item,
  .mce-panel,
  .mce-btn,
  .mce-tinymce .mce-btn button,
  .mce-window-head,
  .live-haruna .tab-body .item,
  .latest,
  .areas .area {
    border-color: var(--c-border) !important;
  }
  .tab-selector-wrap .tab-wrap .tab span.active {
    border-color: var(--c-accent) !important;
  }
  .mce-caret {
    border-top-color: var(--c-title);
  }
  .mce-menu-item.mce-selected .mce-caret,
  .mce-menu-item:focus .mce-caret,
  .mce-menu-item:hover .mce-caret {
    border-left-color: var(--c-border) !important;
  }
  .tab-selector-wrap .tab-wrap,
  .app-body .section-block,
  .user,
  .section-nav,
  .section-filter,
  .achievement-user,
  .user-ctnr .top,
  .mce-btn-group,
  .my-room.room-info .room-info-ctnr .top,
  .sailors-ctnr {
    border: 0 !important;
  }
  .tab-selector-wrap .tag-wrap .tag span {
    border: 1px solid var(--c-border);
  }
  .side-bar .nav-item-ctnr.expanded .sub-pages-item-ctnr {
    height: auto !important;
  }
  .section-block {
    min-height: auto !important;
  }
  #live-center-app {
    min-height: 100vh;
  }
  .rhythm-storm .dp-i-block button,
  .fans-medal .inline button {
    vertical-align: middle;
  }
  .side-bar {
    width: 160px;
    border: 0;
    background-color: transparent;
  }
  .side-bar .nav-item-ctnr.expanded .nav-item {
    border: 0 !important;
    color: var(--c-title) !important;
    text-align: left !important;
  }
  .side-bar .nav-item-ctnr.expanded .nav-item .link-ctnr span {
    color: var(--c-title) !important;
  }
  .side-bar .nav-item-ctnr.expanded .sub-pages-item-ctnr {
    border: 0 !important;
  }
  .side-bar .nav-item-ctnr.expanded .sub-pages-item-ctnr .sub-pages-item {
    padding: 0 !important;
    border-radius: 10px;
    text-align: center;
    transition: background-color 0.3s ease-in-out;
  }
  .side-bar .nav-item-ctnr.expanded .sub-pages-item-ctnr .sub-pages-item span {
    transition: color 0.3s ease-in-out;
  }
  .side-bar .nav-item-ctnr.expanded .sub-pages-item-ctnr .sub-pages-item:hover,
  .side-bar .nav-item-ctnr.expanded .sub-pages-item-ctnr .sub-pages-item.active {
    background-color: var(--c-hover) !important;
  }
  .side-bar .nav-item-ctnr.expanded .sub-pages-item-ctnr .sub-pages-item:hover span,
  .side-bar .nav-item-ctnr.expanded .sub-pages-item-ctnr .sub-pages-item.active span {
    color: var(--c-accent) !important;
  }
  .tabnav {
    display: flex;
    justify-content: center;
    border: 0;
    background-color: transparent;
  }
  .tabnav .tabnav-item {
    margin: 0;
  }
  .tabnav .tabnav-item:hover .tabnav-content,
  .tabnav .tabnav-item.current .tabnav-content {
    border-color: var(--c-accent);
    color: var(--c-accent);
  }
  .bl-search {
    border: 1px solid var(--c-border);
    background-color: var(--c-background) !important;
  }
  .bl-search.focused {
    border-color: var(--c-accent) !important;
  }
  .bl-search.focused:hover {
    background-color: var(--c-hover) !important;
  }
  .bl-search input {
    background-color: transparent !important;
  }
  .tab-selector-wrap .tab-wrap ul {
    display: flex;
    justify-content: center;
  }
  .app-body .main-ctnr {
    padding: 20px;
    border-radius: 4px;
    background-color: var(--c-background) !important;
  }
  .user-box .btn,
  .mce-tinymce .mce-btn button,
  .mce-container button {
    background-color: transparent !important;
    color: var(--c-text) !important;
  }
  .user-box .btn span,
  .mce-tinymce .mce-btn button span,
  .mce-container button span {
    color: var(--c-text) !important;
  }
  .user-box .btn::after,
  .mce-tinymce .mce-btn button::after,
  .mce-container button::after {
    content: none !important;
  }
  .user-box .btn:hover,
  .mce-tinymce .mce-btn button:hover,
  .mce-container button:hover {
    color: var(--c-accent) !important;
  }
}
@-moz-document url-prefix("https://search.bilibili.com/") {
  .fixed-top {
    background-color: var(--c-bg-header);
    backdrop-filter: blur(5px);
  }
  .suggest-wrap .vt-text:hover {
    background-color: var(--c-hover) !important;
  }
  .fixed-top .search-block .input-wrap {
    height: auto;
  }
  .fixed-top .search-block .input-wrap input {
    width: 281px;
  }
  .international-footer,
  .home-tips,
  .home-wrap .home-suggest .title .title-icon {
    display: none;
  }
  .search-wrap .search-block .input-wrap,
  .error-wrap,
  .home-wrap .home-input .type,
  .home-wrap .home-input .list,
  .suggest-wrap .title span {
    background-color: var(--c-background);
  }
  .home-wrap .home-input .list li:hover,
  .home-wrap .home-suggest .hotlist .num,
  .home-wrap .home-input .type.selected,
  .home-wrap .home-input .type:hover,
  .suggest-wrap .horizontal .hz-text:hover {
    background-color: var(--c-hover);
  }
  .page-wrap .pager {
    background-color: transparent;
  }
  #navigator .v-switcher-header-anchor,
  .home-wrap .home-suggest .hot-search .item .num.special {
    background-color: var(--c-accent);
  }
  #navigator .v-switcher-header-item a {
    color: var(--c-title) !important;
  }
  #navigator .v-switcher-header-item a span,
  .bangumi-item .right-info .intros .desc,
  .user-item .desc {
    color: var(--c-text) !important;
  }
  #navigator .v-switcher-header-item .router-link-active,
  .bangumi-item .right-info .score .score-num,
  .home-wrap .home-suggest .title .delete-history:hover {
    color: var(--c-accent) !important;
  }
  .filter-wrap .filter-item.active a,
  .video-item .so-imgTag_rb,
  .home-wrap .home-suggest .hot-search .item .num.special {
    color: var(--c-white) !important;
  }
  .filter-wrap,
  .video-item.matrix,
  #navigator .v-switcher-header-item,
  #all-list .mixin-list ul:not(:last-child),
  .video-item.list,
  .user-item,
  .photo-item,
  .error-wrap,
  .article-item,
  .bangumi-item,
  .home-wrap .home-input .type,
  .home-wrap .home-input .list,
  .home-wrap .home-suggest .hotlist .item,
  .home-wrap .home-suggest .history .list .item,
  .home-wrap .home-input .type.selected,
  .home-wrap .home-input .type:hover,
  .home-wrap .home-input .content,
  .suggest-wrap .horizontal .hz-text,
  .suggest-wrap .title {
    border-color: var(--c-border);
  }
  .suggest-wrap .horizontal .hz-text:hover {
    border-color: var(--c-accent);
  }
  .bangumi-item .right-info .headline .bangumi-label,
  .video-item.list .type,
  .home-wrap .home-suggest .hot-search,
  .home-wrap .home-suggest .history {
    border: 0;
  }
  .search-wrap .search-block .input-wrap input {
    border: 1px solid var(--c-border);
  }
  .home-wrap .home-suggest .title {
    margin: 0;
  }
  .contain .body-contain {
    padding: 10px;
  }
  .contain {
    width: 1000px;
  }
  .home-wrap .home-suggest,
  .home-wrap .home-input .type.selected,
  .home-wrap .home-input .type:hover,
  .home-wrap .home-logo,
  .home-wrap .home-suggest .history.no-bg {
    background-image: none;
  }
  em.keyword {
    background-color: transparent !important;
    color: var(--c-accent) !important;
  }
  .live-user-item {
    border: 1px solid var(--c-border);
    box-shadow: none;
  }
  .home-wrap .home-suggest .hot-search,
  .home-wrap .home-suggest .history,
  .contain .body-contain {
    border-radius: 4px;
    background-color: var(--c-background);
  }
  .home-wrap .home-input .type .default,
  .pager .pages .page-item.last,
  .pager .pages .page-item.next {
    border: 0 !important;
    background-color: transparent !important;
  }
  .home-wrap .home-input .type .default::after,
  .pager .pages .page-item.last::after,
  .pager .pages .page-item.next::after {
    content: none !important;
  }
}
@-moz-document url-prefix("https://message.bilibili.com/") {
  .side-bar .title,
  .divided-line,
  .space-right .space-right-top,
  .source-img,
  .config .config-item:not(:first-child)::before,
  .list li::before,
  .setting a .setting-icon {
    display: none !important;
  }
  .system-item .title {
    display: inline-block !important;
  }
  .bp-popup-panel,
  .is-black,
  .is-limit,
  .message-list,
  .emotion-box,
  .emotion-box::after,
  .emoji-box,
  .emoji-box::after,
  .action-menu .menu-list:before {
    background-color: var(--c-background) !important;
  }
  .side-bar .item:hover,
  .list-item:hover {
    background-color: var(--c-hover) !important;
  }
  .divider-last::before,
  .divider-last::after {
    background-color: var(--c-border) !important;
  }
  .space-left,
  .space-right,
  .loading .link-progress-tv {
    background-color: transparent !important;
  }
  .side-bar .list {
    margin-top: 100px !important;
  }
  .side-bar .item a:hover,
  .list-item .name {
    color: var(--c-title) !important;
  }
  .list-item .last-word,
  .right-box .text-box {
    color: var(--c-text) !important;
  }
  .list .item.active a {
    color: var(--c-accent) !important;
  }
  .card,
  .bili-im {
    margin-bottom: 0 !important;
    box-shadow: none !important;
    background-color: var(--c-background) !important;
  }
  .reply-item:not(:last-child)::after,
  .love-item:not(:last-child)::after,
  .list,
  .list-title,
  .title,
  .divider,
  .orginal-reply,
  .bili-im .left {
    border-color: var(--c-border) !important;
  }
  .action-menu .menu-list:before {
    border-top-color: var(--c-border) !important;
    border-right-color: var(--c-border) !important;
  }
  .text-box {
    width: auto !important;
    max-width: 300px;
  }
  .reply-textarea,
  .message .message-content,
  .new-message-tip .text,
  .send-box {
    border-color: var(--c-border) !important;
    background-color: var(--c-hover) !important;
    color: var(--c-text) !important;
  }
  .send-button,
  .bl-button--primary,
  .bl-button--ghost,
  .send-btn {
    border-color: var(--c-accent) !important;
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .system-item,
  .list-item {
    border-bottom: 1px solid var(--c-border) !important;
    border-radius: 0 !important;
  }
  .notify {
    background-color: var(--c-accent) !important;
  }
  .active,
  .new-message-tip::after,
  .emoji-box .emoji-item:hover,
  .emotion-item:hover .img {
    background-color: var(--c-hover) !important;
  }
  .config {
    box-shadow: none !important;
    background-color: transparent !important;
  }
  .action-button {
    background-color: transparent !important;
    color: var(--c-text) !important;
  }
  .action-button::after {
    content: none;
  }
  .input-box .textarea {
    border: 0 !important;
    background-color: transparent !important;
  }
  .love-card .header::after {
    background-color: var(--c-border) !important;
  }
  .side-bar .item {
    border-radius: 10px;
    text-align: center;
    transition: background-color 0.3s ease-in-out !important;
  }
  .side-bar .item a {
    padding: 0 !important;
  }
  .action-menu .btn {
    border: 0;
    background-color: transparent !important;
    color: var(--c-title) !important;
  }
  .action-menu .btn::after {
    content: none !important;
  }
}
@-moz-document url-prefix("https://www.bilibili.com/read/") {
  .nav-tab-bar .logo,
  .nav-tab-bar .tab-item:before,
  .page-content .left-side .carousel,
  .page-content .left-side .partitio-name,
  .page-content .right-side .rank-module,
  .page-content .right-side .up-list,
  .page-content .right-side .more .top-bar,
  .page-content .right-side .more .link .icon,
  .page-content .right-side .more .help .icon {
    display: none !important;
  }
  .page-content .right-side .more a:hover,
  .page-content .right-side .search-module .search-block .search-word-panel .history-item:hover,
  .page-content .right-side .search-module .search-block .search-word-panel .suggest-item:hover,
  .page-content .left-side .article-list .article-list-holder .article-item:hover,
  .nav-tab-bar .tab-item.on,
  .nav-tab-bar .tab-item:hover {
    background-color: var(--c-hover);
  }
  .page-content .right-side .more .help .info,
  .page-content .right-side .more .link .info,
  .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-desc,
  .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar,
  .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar .up-content .nick-name,
  .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar .category,
  .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar .reply {
    color: var(--c-text) !important;
  }
  .nav-tab-bar .tab-item.on span {
    color: var(--c-accent) !important;
  }
  .categories-bar,
  .page-content .right-side .search-module .search-block .search-word-panel .panel-title .split-line {
    border-color: var(--c-border);
  }
  .nav-tab-bar {
    top: 145px;
  }
  .nav-tab-bar .tab-item {
    margin-top: 0;
    margin-right: 0;
    margin-left: -130px;
    height: 40px;
    border-radius: 10px;
    text-align: center;
    line-height: 40px;
  }
  .page-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-content .left-side,
  .page-content .right-side {
    margin: 0;
    width: 100%;
  }
  .page-content .left-side {
    order: 2;
  }
  .page-content .right-side {
    order: 1;
    position: initial !important;
  }
  .page-content .right-side.scroll {
    position: relative;
  }
  .page-content .right-side .search-module .search-block {
    margin: 0 auto;
    padding: 0 30px 0 10px;
    width: 500px;
    border-color: var(--c-border);
    background-color: var(--c-hover);
  }
  .page-content .right-side .search-module .search-block input {
    margin: 0;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
  }
  .page-content .right-side .more {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
  }
  .page-content .right-side .more a {
    margin: 0 20px;
    padding: 10px 30px;
    width: 100px;
    border: 1px solid var(--c-border);
    border-radius: 4px;
  }
  .page-content .right-side .more .help,
  .page-content .right-side .more .link {
    position: initial;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .page-content .right-side .search-module .search-block .search-word-panel {
    border-color: var(--c-border);
    background-color: var(--c-background);
  }
  .page-content .right-side .search-module .search-block .search-word-panel .panel-title p span {
    background-color: var(--c-background);
    color: var(--c-text);
  }
  .page-content .right-side .search-module .search-block .search-word-panel .history-item a,
  .page-content .right-side .search-module .search-block .search-word-panel .suggest-item a {
    width: auto;
  }
  .article-list {
    margin-top: 20px;
  }
  .article-list .article-list-holder {
    padding: 20px;
    border-radius: 4px;
    background-color: var(--c-background);
  }
  .page-content .left-side .article-list .article-list-holder .article-item {
    border-color: var(--c-border);
    background-color: transparent;
  }
  .page-content .left-side .article-list .article-list-holder .article-item.item-tp-3 .item-holder .article-content,
  .page-content .left-side .article-list .article-list-holder .article-item.item-tp-4 .item-holder .article-content {
    display: flex;
    justify-content: space-between;
  }
  .page-content .left-side .article-list .article-list-holder .article-item.item-tp-3 .item-holder .article-content .article-left-block,
  .page-content .left-side .article-list .article-list-holder .article-item.item-tp-4 .item-holder .article-content .article-left-block {
    flex: 1;
  }
  .to-top {
    width: 45px !important;
    height: 45px !important;
    background-position: -63px 9px !important;
  }
  .categories-bar .tag-item.on {
    border-color: var(--c-accent);
    color: var(--c-accent);
  }
  .right-side-bar .to-comment,
  .up-info-holder .fixed-box .up-article-list-block,
  .up-info-holder .fixed-box .more,
  .draft-holder-block,
  .author-container,
  .bili-footer,
  .up-info-holder .fixed-box .rightside-article-list-btn .icon-list {
    display: none !important;
  }
  .coin-wrap,
  .bili-dialog-bomb .appeal-box {
    background-color: var(--c-background);
  }
  #article-list-index .index-holder .article-item .point {
    background-color: var(--c-border);
  }
  .up-info-holder .fixed-box .up-info-block .up-info-right-block .up-name,
  #article-list-index .article-list-title,
  .article-list-holder-block .article-list-plane .button#article-list-btn .label,
  .article-list-holder-block .article-list-plane .button#article-list-btn .title,
  .bili-dialog-bomb .appeal-box .wrap .container .question {
    color: var(--c-title) !important;
  }
  .up-info-holder .fixed-box .up-info-block .up-info-right-block .row-2,
  .title-container .info span,
  .article-list-holder-block .article-list-name,
  .article-list-holder-block .article-list-plane .button.off .label,
  .bili-dialog-bomb .appeal-box .wrap .container .textarea .memo,
  .article-action .ops i {
    color: var(--c-text) !important;
  }
  .coin-wrap .coin-title i,
  .up-info-holder .fixed-box .up-info-block .up-info-right-block .up-name.b-vip-red,
  .article-action .ops span:hover>i,
  .article-action .ops .share-container a:hover i {
    color: var(--c-accent) !important;
  }
  .article-action,
  .tag-container .tag-item .tag-content,
  .up-info-holder .fixed-box .rightside-article-list-btn .label,
  .article-list-holder-block .article-list-plane .button#article-list-btn .label,
  .article-list-holder-block .article-list-plane .button#article-list-btn .title,
  .bili-dialog-bomb .appeal-box .wrap .container .options .option .checkbox,
  .slim-border:after {
    border-color: var(--c-border);
  }
  .page-container {
    padding: 20px;
    width: auto;
    border-radius: 4px;
    background-color: var(--c-background);
  }
  .article-holder,
  .head-container {
    max-width: none;
  }
  .article-action .more .more-ops-list {
    background-color: var(--c-background);
    color: var(--c-text);
  }
  .up-info-holder,
  .up-info-holder .fixed-box {
    margin: 0;
  }
  .up-info-holder {
    margin-bottom: 40px;
  }
  .up-info-holder .fixed-box,
  .up-info-holder.to-bottom .fixed-box {
    position: initial;
  }
  .up-info-holder .fixed-box .rightside-article-list-btn {
    width: 310px;
    box-shadow: none;
  }
  #article-list-index {
    border-left: 1px solid var(--c-border);
    box-shadow: none;
  }
  .article-holder .card {
    border-color: var(--c-border);
    background-color: var(--c-hover);
  }
  .article-list-holder-block .article-list-plane {
    display: flex;
    justify-content: space-between;
    border-color: var(--c-border);
  }
  .article-list-holder-block .article-list-plane .button {
    flex: 1;
    width: auto;
  }
  .article-list-holder-block .article-list-plane .button:hover {
    background-color: var(--c-hover);
  }
  .bili-dialog-bomb .appeal-box .header,
  .bili-dialog-bomb .appeal-box .submit {
    border-color: var(--c-border);
    background-color: var(--c-background);
  }
  .article-list-holder-block .article-list-plane .button {
    background-color: transparent !important;
  }
  .article-list-holder-block .article-list-plane .button::after {
    content: none !important;
  }
}
@-moz-document url-prefix("https://manga.bilibili.com/") {
  .manga-footer,
  .manga-logo,
  .user-info-panel a .tooltip,
  .nav-list a:last-child,
  .download-app,
  .manga-navbar .wrapper .spacer .row:nth-child(n + 2) {
    display: none !important;
  }
  .manga-navbar .manga-navbar,
  .search-bar .search-suggestion,
  .user-panel .drop-list,
  .manga-navbar-history-list .drop-list,
  .manga-navbar-favourite-manga .drop-list {
    background-color: var(--c-background) !important;
  }
  .search-bar .search-bar-bg,
  .drop-list .more-btn-container:hover,
  .user-panel .drop-list .logout-btn-container .logout-button:hover {
    background-color: var(--c-hover) !important;
  }
  .nav-list .nav-item .item-underline {
    background-color: var(--c-accent) !important;
  }
  nav.manga-navbar .right-part .drop-list .size-ruler a button {
    color: var(--c-title) !important;
  }
  .search-bar .search-input {
    background-color: transparent !important;
  }
  nav.manga-navbar.p-fixed.p-zero a button,
  nav.manga-navbar.p-fixed.p-zero a button span {
    color: var(--c-white) !important;
  }
  .nav-list a:hover .nav-item span,
  .manga-navbar-history-list:hover .action-button,
  .manga-navbar-favourite-manga:hover .action-button,
  nav.manga-navbar.p-fixed.p-zero a:hover button,
  nav.manga-navbar.p-fixed.p-zero a:hover button span {
    color: var(--c-accent) !important;
  }
  .manga-navbar .manga-navbar {
    border-bottom: 1px solid var(--c-border);
  }
  .right-part .drop-list .size-ruler {
    border: 1px solid var(--c-border);
    border-top-width: 0;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
  }
  nav.manga-navbar {
    box-shadow: none !important;
    background-color: var(--c-bg-header) !important;
    backdrop-filter: blur(5px) !important;
  }
  .app-layout {
    padding-top: 0 !important;
  }
  .search-bar {
    padding: 0 8px !important;
  }
  .search-bar .placeholder-list {
    height: 32px !important;
  }
  .manga-navbar .wrapper .spacer {
    height: 100% !important;
  }
  .search-bar .placeholder-list .placeholder-item {
    line-height: 32px !important;
  }
  .search-bar .confirm-btn {
    padding: 8px !important;
  }
  .manga-navbar .hide-mode {
    transform: translateY(0) !important;
  }
  .search-bar .search-suggestion {
    margin-top: 8px;
    transition: all 0.3s ease-in-out !important;
  }
  .search-bar .search-suggestion .suggestion-item.selected,
  .search-bar .search-suggestion .suggestion-item:hover {
    background-color: var(--c-hover) !important;
    color: var(--c-text) !important;
  }
  .user-panel .drop-list .logout-btn-container,
  .user-panel-ctnr .user-panel .content-ctnr .logout-btn,
  .drop-list .more-btn-container {
    border-top: 1px solid var(--c-border);
    background-color: var(--c-background) !important;
    transition: all 0.3s ease-in-out !important;
  }
  .nav-list {
    width: 36px;
  }
  .nav-list a {
    display: inline-block;
    opacity: 0;
    transform: translateY(-40px);
    transition: all 0.3s ease-in-out;
  }
  .nav-list a:first-child {
    opacity: 1;
    transform: translateY(0);
  }
  .nav-list a:first-child .item-icon {
    width: 30px !important;
    height: 30px !important;
  }
  .nav-list a:first-child .item-label {
    font-size: 0;
  }
  .nav-list a:nth-child(2) {
    transition-delay: 0.05s;
  }
  .nav-list a:nth-child(3) {
    transition-delay: 0.1s;
  }
  .nav-list a:nth-child(4) {
    transition-delay: 0.15s;
  }
  .nav-list:hover {
    width: auto;
  }
  .nav-list:hover a {
    opacity: 1;
    transform: translateY(0);
  }
  .nav-list .nav-item {
    background-color: transparent !important;
  }
  .nav-list .nav-item span {
    color: var(--c-title) !important;
  }
  .nav-list .nav-item::after {
    content: none !important;
  }
  .multi-line-text::before,
  .multi-line-text::after,
  .rank-list,
  .section-navigator .divider {
    display: none !important;
  }
  .newbie-awarder .award-dialog .award-dialog-container,
  .hot-category,
  .section-navigator,
  .overlay .guide-attention .welfare-box {
    background-color: var(--c-background) !important;
  }
  .vertical-block-card,
  .tags.recommend {
    background-color: transparent !important;
  }
  .header .tab.active:after {
    background-color: var(--c-accent) !important;
  }
  .section-title,
  .item-title,
  .manga-title,
  .standby-panel .content-container .panel-title,
  .style-section .tag-block .block-title,
  .overlay .guide-attention .welfare-box .welfare-title,
  .header .tab {
    color: var(--c-title) !important;
  }
  .manga-card-vertical .text-info-section .supporting-text,
  .schedule-item .text-section .status-text,
  .meta-info p,
  .standby-panel .content-container .support-text,
  .style-section .tag-block .tag-containers .style-tag,
  .overlay .guide-attention .welfare-box .welfare-info {
    color: var(--c-text) !important;
  }
  .title .button div {
    color: var(--c-white) !important;
  }
  .size-ruler .style-section .tag-block .tag-containers .style-tag.selected,
  .size-ruler .style-section .tag-block .tag-containers .style-tag:hover,
  .header .tab.active,
  .header .tab:hover {
    color: var(--c-accent) !important;
  }
  .section-navigator {
    border-color: var(--c-border) !important;
  }
  .recommendation-section,
  .app-layout .size-ruler .fix-scroller {
    margin: 0 !important;
  }
  .section-navigator .section-item {
    transition: all 0.3s ease-in-out !important;
  }
  .section-navigator .section-item.current,
  .section-navigator .section-item:hover {
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .newbie-awarder .floating-button .widget-close-button img {
    border-radius: 50%;
    background-color: var(--c-border);
  }
  .app-layout .size-ruler.p-relative.m-auto {
    padding: 20px;
  }
  .manga-navbar-history-list .action-button,
  .manga-navbar-favourite-manga .action-button,
  .search-bar .confirm-btn,
  .section-navigator .section-item,
  .back-to-top-button,
  .schedule-list .list-header .date-selector .date-item,
  .tab-item,
  .newbie-awarder .close-button,
  .user-panel .drop-list .logout-btn-container .logout-button,
  .drop-list .more-btn-container .more-button,
  .index-banner .control-button,
  .index-banner .control-button .app-button,
  .newbie-awarder .floating-button .widget-close-button,
  .section-navigator .back-to-top {
    border: 0;
    background-color: transparent !important;
    color: var(--c-title) !important;
  }
  .manga-navbar-history-list .action-button::after,
  .manga-navbar-favourite-manga .action-button::after,
  .search-bar .confirm-btn::after,
  .section-navigator .section-item::after,
  .back-to-top-button::after,
  .schedule-list .list-header .date-selector .date-item::after,
  .tab-item::after,
  .newbie-awarder .close-button::after,
  .user-panel .drop-list .logout-btn-container .logout-button::after,
  .drop-list .more-btn-container .more-button::after,
  .index-banner .control-button::after,
  .index-banner .control-button .app-button::after,
  .newbie-awarder .floating-button .widget-close-button::after,
  .section-navigator .back-to-top::after {
    content: none !important;
  }
  .recommendation-section .manga-list {
    width: 100% !important;
  }
  .title-tooltip,
  .manga-detail .section .right-side,
  .header-info .manga-info .supporting-text .label-icon,
  .container .pocket-tv {
    display: none !important;
  }
  .purchase-panel,
  .container .back-to-content {
    background-color: var(--c-background) !important;
  }
  .list-data .list-item.last-read,
  .list-data .list-item:hover,
  .discount-hinter,
  .purchase-panel .action-buttons button.action-button.selected,
  .episode-list-component .episode-list .list-header .header-item.selected {
    background-color: var(--c-hover) !important;
  }
  .container .back-to-content .line {
    background-color: var(--c-border) !important;
  }
  .header-info .manga-info .season-introduction .size-ruler,
  .manga-detail .layout {
    background-color: transparent !important;
  }
  .list-item .short-title,
  .purchase-panel .panel-title {
    color: var(--c-title) !important;
  }
  .purchase-panel .summary .price .orig,
  .purchase-panel .summary .price .final .rmb-price {
    color: var(--c-text) !important;
  }
  .list-data .list-item.last-read div,
  .list-data .list-item:hover div,
  .manga-detail .episode-list-component .episode-list .list-header button.header-item.selected,
  .manga-detail .episode-list-component .episode-list .list-header button.header-item:hover,
  .purchase-panel .summary .price .final div {
    color: var(--c-accent) !important;
  }
  .discount-hinter,
  .purchase-panel {
    border-color: var(--c-border) !important;
  }
  .list-data .list-item.last-read,
  .list-data .list-item:hover {
    border-color: var(--c-accent) !important;
  }
  .manga-detail .layout,
  .manga-detail .section .section-list,
  .container .back-to-content {
    box-shadow: none !important;
  }
  .episode-list .list-data .list-item:nth-child(4n) {
    margin-right: 16px;
  }
  .episode-list .list-data .list-item:nth-child(5n) {
    margin-right: 0;
  }
  .manga-detail .section .section-list {
    width: 100% !important;
  }
  .purchase-panel .action-buttons .action-button .tag.discount {
    border-radius: 0 0 6px 0;
    background-image: none !important;
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .list-item,
  .episode-list-component .episode-list .list-header .header-item,
  .purchase-panel .action-buttons .action-button,
  .purchase-panel .close-button {
    border-color: var(--c-border) !important;
    background-color: transparent !important;
  }
  .list-item::after,
  .episode-list-component .episode-list .list-header .header-item::after,
  .purchase-panel .action-buttons .action-button::after,
  .purchase-panel .close-button::after {
    content: none !important;
  }
  .app-layout .size-ruler.p-relative {
    border-radius: 4px;
    box-shadow: none !important;
    background-color: var(--c-background) !important;
  }
  .purchase-panel-component .purchase-panel .action-buttons .tooltip {
    display: none !important;
  }
  .episode-comment,
  .theme-dark .manga-reader .more-btn-container {
    background-color: var(--c-background) !important;
  }
  .manga-reader .info-hud,
  .manga-reader .info-layer .floating-button {
    background-color: var(--c-bg-header) !important;
  }
  .read-nav .episode,
  .episode-comment .header-section div,
  .theme-dark .right-part .drop-list .size-ruler .data-list div,
  .purchase-panel-component .purchase-panel .panel-title {
    color: var(--c-title) !important;
  }
  .manga-reader .read-nav a,
  .manga-reader .read-nav span,
  .manga-reader .manga-navbar-history-list .action-button,
  .manga-reader .manga-navbar-favourite-manga .action-button,
  .manga-reader .info-hud div,
  .manga-reader .info-hud span {
    color: var(--c-white) !important;
  }
  .action-bar-container .app-button,
  .hover-toast .app-button,
  .floating-button,
  .episode-comment .header-section .close-button {
    background-color: transparent !important;
    color: var(--c-title) !important;
  }
  .action-bar-container .app-button::after,
  .hover-toast .app-button::after,
  .floating-button::after,
  .episode-comment .header-section .close-button::after {
    content: none !important;
  }
  .arrow {
    display: none !important;
  }
  .sidebar-item {
    text-align: center;
  }
  .sidebar-container {
    width: 100px !important;
  }
  .rank-item-wrapper {
    background-image: none !important;
  }
  .app-layout .main-container {
    margin-top: 70px !important;
  }
  .sidebar-ctnr {
    margin-top: 100px !important;
    border: 0 !important;
  }
  .ninnki-rank-ctnr,
  .ouenn-rank-ctnr {
    padding: 20px;
    border-radius: 4px;
    background-color: var(--c-background) !important;
  }
  .ninnki-rank-ctnr .rank-item,
  .ouenn-rank-ctnr .rank-item {
    margin-right: 15px !important;
  }
  .sidebar-item.activated,
  .sidebar-item:hover {
    border-radius: 10px;
    background-color: var(--c-hover) !important;
    transition: background-color 0.3s ease-in-out;
  }
  .sidebar-item.activated span,
  .sidebar-item:hover span {
    color: var(--c-accent) !important;
    transition: color 0.3s ease-in-out;
  }
  .sidebar .nav-item-indicator,
  .sidebar .nav-item .nav-item-icon,
  .sidebar .nav-line {
    display: none !important;
  }
  .app-layout .page-content .router-view,
  .recharge-panel-container .recharge-panel,
  .recharge-panel-container .recharge-panel .charge-title .tab-name.is-active {
    background-color: var(--c-background) !important;
  }
  .sidebar .nav-item.router-link-active,
  .sidebar .nav-item:hover,
  .user-info-component .user-avatar,
  .coupon-label.whole-coupon,
  .recharge-panel-container .recharge-panel .charge-title,
  .recharge-option-container .recharge-hinter,
  .recharge-option-container .recharge-config-list .is-not-first-charge,
  .recharge-option-container .recharge-config-list .recharge-list-container .list-item .first-award-hinter,
  .recharge-option-container .recharge-config-list .recharge-list-container .list-item.selected,
  .recharge-option-container .recharge-config-list .recharge-list-container .list-item:hover {
    background-color: var(--c-hover) !important;
  }
  .app-layout .page-content,
  .sidebar,
  .user-info-component .user-info .uid {
    background-color: transparent !important;
  }
  .recharge-option-container .recharge-config-list .is-not-first-charge:hover,
  .recharge-option-container .recharge-config-list .recharge-list-container .list-item .first-charge-icon {
    background-color: var(--c-accent) !important;
  }
  .coupon-label .container-left .coupon-type,
  .purchase-history .list-item .text-info .display-text,
  .purchase-history .list-item .coin-info .recharge-count {
    color: var(--c-title) !important;
  }
  .auto-purchase .page-sub-title,
  .auto-purchase .page-sub-title .question-icon .hover-tab .tab-text,
  .recharge-option-container .first-charge-hinter,
  .recharge-option-container .recharge-config-list .recharge-list-container .list-item .first-award-hinter,
  .purchase-history .list-item .text-info .recharge-date,
  .user-info-component .user-info .uid {
    color: var(--c-text) !important;
  }
  .recharge-option-container .recharge-config-list .recharge-list-container .list-item .first-charge-icon .charge-text {
    color: var(--c-white) !important;
  }
  .sidebar .nav-item.router-link-active .nav-item-label,
  .user-info-component .coin-info .coin-remain-count,
  .pivot-component .pivot-headers .pivot-header-item.selected,
  .pivot-component .pivot-headers .pivot-header-item:active,
  .coupon-label .container-right .total-amount,
  .my-favourite-page .page-header .page-pivot .pivot-button.enabled,
  .my-favourite-page .page-header .page-pivot .pivot-button:hover,
  .recharge-option-container .panel-hinter .reset-number,
  .recharge-option-container .recharge-summary .recharge-amount,
  .recharge-option-container .recharge-config-list .recharge-list-container .list-item .recharge-info .recharge-amount {
    color: var(--c-accent) !important;
  }
  .user-info-component .user-avatar,
  .pivot-component .pivot-headers {
    border-color: var(--c-border) !important;
  }
  .recharge-option-container .recharge-config-list .recharge-list-container .list-item.selected,
  .recharge-option-container .recharge-config-list .recharge-list-container .list-item:hover {
    border-color: var(--c-accent) !important;
  }
  .user-info-component .unuseable .user-help .unuseable-hinter:before,
  .question-icon .hover-tab:before {
    border-bottom-color: var(--c-border) !important;
  }
  .user-info-component .unuseable .user-help .unuseable-hinter,
  .auto-purchase .page-sub-title .question-icon .hover-tab,
  .question-icon .hover-tab {
    border: 1px solid var(--c-border);
  }
  .app-layout .page-content .router-view {
    border-radius: 4px;
  }
  .shadow-is-the-light {
    box-shadow: none !important;
  }
  .app-layout .page-content {
    padding-top: 40px;
  }
  .sidebar .nav-item .nav-item-label {
    min-width: auto !important;
  }
  .user-info-component .coin-info .b-coin,
  .user-info-component .unuseable .text-content {
    opacity: 1;
  }
  .coupon-label.whole-coupon {
    background-image: none !important;
  }
  .app-layout .page-content .app-sidebar {
    padding: 60px 0 0 35px;
    width: 180px !important;
  }
  .sidebar .nav-item {
    height: 50px !important;
    line-height: 50px !important;
  }
  .sidebar .nav-item {
    border-radius: 10px;
    transition: all 0.3s ease-in-out !important;
  }
  .my-favourite-page .page-header .page-pivot .pivot-button,
  .list-editor-toolbar .edit-button,
  .recharge-panel-container .close-button,
  .recharge-option-container .recharge-config-list .is-not-first-charge .p-relative {
    border: 0 !important;
    background-color: transparent !important;
    color: var(--c-title) !important;
  }
  .my-favourite-page .page-header .page-pivot .pivot-button::after,
  .list-editor-toolbar .edit-button::after,
  .recharge-panel-container .close-button::after,
  .recharge-option-container .recharge-config-list .is-not-first-charge .p-relative::after {
    content: none !important;
  }
  .my-favourite-page .page-header .page-pivot .pivot-button span,
  .list-editor-toolbar .edit-button span,
  .recharge-panel-container .close-button span,
  .recharge-option-container .recharge-config-list .is-not-first-charge .p-relative span {
    color: var(--c-title) !important;
  }
}
@-moz-document url-prefix("https://www.bilibili.com/blackroom/") {
  .what-ban,
  .comment-wrap .header .title-h2 .head-icon,
  .fjw-point header h2 .head-icon {
    display: none !important;
  }
  .crumbs em,
  .fjw-point {
    background-color: var(--c-background) !important;
  }
  .notice-list::before,
  .fjw-point .point-wrap .user-point .line,
  .ban-detail .content-box .link-box .box-left .box-line {
    background-color: var(--c-border) !important;
  }
  .select-wrap .select-txt {
    background-color: transparent !important;
  }
  .banner-bg-b {
    background-image: none !important;
  }
  .publicity .header,
  .my-info .about .ban-user-info .name,
  .ban-detail .content-box .punish-title {
    color: var(--c-title) !important;
  }
  .notice-list .time {
    color: var(--c-text) !important;
  }
  .ban-detail .content-box .punish-title .moral strong {
    color: var(--c-accent) !important;
  }
  .pub-list .info dl,
  .ban-detail .content-box .bk-text-con,
  .ban-detail .content-box .link-box,
  .fjw-point header {
    border-color: var(--c-border) !important;
  }
  .ban-detail .content-box .info-wrap,
  .fjw-point {
    border: 1px solid var(--c-border);
  }
  .ban-detail .content-box {
    margin-bottom: 60px !important;
  }
  .fjw-entry {
    width: auto !important;
  }
  .ban-header {
    padding-right: 30px !important;
  }
  .ban-header .top-ul {
    border-radius: 4px;
    background-color: var(--c-background) !important;
  }
  .ban-detail .content-box .info-wrap,
  .comment-wrap {
    box-shadow: none !important;
    background-color: var(--c-background) !important;
  }
  .ban-modal,
  .ban-modal-h5 {
    border: 1px solid var(--c-border);
    background-color: var(--c-background);
  }
  .fjw-entry .blackroom,
  .fjw-entry .blackroom-rule {
    transform: rotate(0) !important;
  }
  .fjw-entry .entrance {
    top: 107px;
    bottom: auto;
    left: 30px;
    right: auto;
    width: 127px !important;
    height: 30px;
    text-align: center;
    line-height: 30px;
  }
  .fjw-entry .entrance::before {
    content: '加入风纪委员会';
    display: block;
  }
}
@-moz-document url-prefix("https://h.bilibili.com/") {
  .shortcuts-ctnr .shortcuts-ctnr-ul .shortcut-item:last-child {
    display: none !important;
  }
  .link-navbar,
  .publish-panel,
  .user-panel-ctnr .user-panel,
  .load-error-panel,
  .link-progress-tv,
  .news-notice-panel {
    background-color: var(--c-background) !important;
  }
  .search-bar-ctnr .search-bar,
  .publish-panel .publish-list .publish-item:hover,
  .user-panel-ctnr .user-panel .content-ctnr .exit-btn:hover,
  .news-notice-panel .news-notice .news-list .news-item:hover {
    background-color: var(--c-hover) !important;
  }
  .news-notice-panel .news-notice .news-list .news-item .type {
    background-color: var(--c-accent) !important;
  }
  .link-navbar .nav-item:hover .nav-link .label,
  .search-bar-ctnr .search-bar input,
  .news-notice-panel .news-notice .news-list .news-item {
    background-color: transparent !important;
  }
  .shortcuts-ctnr .shortcuts-ctnr-ul .shortcut-item .label-wrapper .label .text,
  .news-notice-panel .news-notice .more .icon-font {
    color: var(--c-title) !important;
  }
  .link-navbar.black .nav-item .label,
  .link-navbar.black .my-link-btn .label,
  .link-navbar.black .shortcuts-ctnr .shortcuts-ctnr-ul .shortcut-item .label-wrapper .label .text,
  .link-navbar.black .publish-btn {
    color: var(--c-white) !important;
  }
  .link-navbar.black .nav-item:hover .label,
  .link-navbar.black .my-link-btn:hover .label,
  .link-navbar.black .shortcuts-ctnr .shortcuts-ctnr-ul .shortcut-item:hover .label-wrapper .label .text,
  .link-navbar.black .publish-btn:hover {
    color: var(--c-accent) !important;
  }
  .shortcuts-ctnr {
    margin: 0 !important;
  }
  .search-bar-ctnr .search-bar .search-btn {
    vertical-align: initial;
  }
  .link-navbar .nav-item .nav-link {
    width: auto !important;
  }
  .left-part .left-part-cell {
    width: 500px;
  }
  .left-part .left-part-cell .nav-items-ctnr {
    width: 36px;
    white-space: nowrap;
  }
  .left-part .left-part-cell .nav-items-ctnr .nav-item {
    opacity: 0;
    transform: translateY(-40px);
    transition: all 0.3s ease-in-out;
  }
  .left-part .left-part-cell .nav-items-ctnr .nav-item:first-child {
    opacity: 1;
    transform: translateY(0);
  }
  .left-part .left-part-cell .nav-items-ctnr .nav-item:first-child::before {
    top: 13px !important;
    left: 13px !important;
    width: 30px !important;
    height: 30px !important;
  }
  .left-part .left-part-cell .nav-items-ctnr .nav-item:first-child .label {
    font-size: 0 !important;
  }
  .left-part .left-part-cell .nav-items-ctnr .nav-item:nth-child(2) {
    transition-delay: 0.05s;
  }
  .left-part .left-part-cell .nav-items-ctnr .nav-item:nth-child(3) {
    transition-delay: 0.1s;
  }
  .left-part .left-part-cell .nav-items-ctnr .nav-item:nth-child(4) {
    transition-delay: 0.15s;
  }
  .left-part .left-part-cell .nav-items-ctnr .nav-item:nth-child(5) {
    transition-delay: 0.2s;
  }
  .left-part .left-part-cell .nav-items-ctnr .nav-item:nth-child(6) {
    transition-delay: 0.25s;
  }
  .left-part .left-part-cell .nav-items-ctnr:hover {
    width: auto;
  }
  .left-part .left-part-cell .nav-items-ctnr:hover .nav-item {
    opacity: 1;
    transform: translateY(0);
  }
  .panel {
    border: 1px solid var(--c-border);
    border-top-width: 0;
    background-color: var(--c-background) !important;
    box-shadow: none;
  }
  .panel ul li:hover {
    background-color: var(--c-hover) !important;
  }
  .link-navbar.black {
    background-color: var(--c-bg-header) !important;
    backdrop-filter: blur(5px);
  }
  .user-panel-ctnr .user-panel .content-ctnr .exit-btn,
  .news-notice-panel .news-notice .more {
    border-top: 1px solid var(--c-border);
    background-color: transparent !important;
  }
  .publish-btn {
    height: auto !important;
    box-shadow: none !important;
    background-color: transparent !important;
    background-image: none !important;
    font-size: 14px !important;
    color: var(--c-title) !important;
  }
  .publish-btn:hover:after {
    height: 100% !important;
    background-color: var(--c-hover) !important;
  }
  .link-footer {
    display: none !important;
  }
  .drawer-card,
  .canvas-card,
  .activity-card,
  .loading-tv,
  .page-error,
  .works-ctnr.images {
    background-color: var(--c-background) !important;
  }
  .category,
  .canvas-card dt .img-contain {
    background-color: var(--c-hover) !important;
  }
  .app-ctnr,
  .detail,
  .empty-hint {
    background-color: transparent !important;
  }
  ul.navigation li:after {
    background-color: var(--c-accent) !important;
  }
  ul.navigation li span {
    color: var(--c-title) !important;
  }
  ul.navigation li.activated span,
  .category li a.activated,
  .cntr .sort-cntr .href-all:hover i,
  .arrow-left:hover .icon-font,
  .arrow-right:hover .icon-font {
    color: var(--c-accent) !important;
  }
  .category,
  .activity-card {
    box-shadow: none !important;
  }
  .canvas-card dd .icon-contain .support {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
  }
  .canvas-card dd .icon-contain .support::after {
    border-top: 5px solid var(--c-background) !important;
  }
  .link-navbar.white {
    border-bottom: 1px solid var(--c-border);
  }
  .cntr .check-all-ctn,
  .content li:nth-child(n+41):after {
    background-image: linear-gradient(180deg, transparent, var(--c-background)) !important;
  }
  .search-bar-ctnr .search-bar .search-btn,
  .banner .btn-wrapper .btn,
  button.more {
    background-color: transparent !important;
  }
  .search-bar-ctnr .search-bar .search-btn::after,
  .banner .btn-wrapper .btn::after,
  button.more::after {
    content: none !important;
  }
  .banner .btn-wrapper .btn {
    border-color: var(--c-hover) !important;
    background-color: var(--c-bg-header) !important;
    backdrop-filter: blur(5px);
  }
  .sidebar-canvas {
    position: fixed !important;
  }
  .link-panigation .panigation {
    padding: 0 10px !important;
    min-width: 15px !important;
    height: 36px !important;
    line-height: 36px !important;
    vertical-align: top;
  }
  .cntr .check-all {
    box-shadow: none !important;
    background-image: none !important;
  }
  .cntr .check-all:hover {
    opacity: 1 !important;
  }
  .album-popup,
  .drawer-pop {
    background-color: var(--c-background) !important;
  }
  .live-status.offline,
  .works-ctnr .header-ctnr .works-count,
  .item-vc {
    background-color: var(--c-hover) !important;
  }
  .author-info .supporting-info .divider {
    background-color: var(--c-border) !important;
  }
  #canvas-detail-comment-ctnr,
  .works-ctnr {
    background-color: transparent !important;
  }
  button.more span,
  button.more .icon-font,
  .dashboard li .text {
    color: var(--c-text) !important;
  }
  .dashboard li.like,
  button.more,
  .works-ctnr {
    border-color: var(--c-border) !important;
  }
  .album-popup .album-pop-bottom ul li.normal {
    vertical-align: middle !important;
  }
  .drawer-pop:after {
    border-top: 14px solid var(--c-background) !important;
  }
  .draw-list[data-v-6caf7b4c] {
    border: 0 !important;
    background-color: var(--c-background) !important;
  }
  .article-content-ctnr,
  .comment-ctnr {
    border: 0 !important;
    background-color: var(--c-background) !important;
  }
  .author-info,
  .dashboard {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
  }
  .ssr-content .main-ctnr {
    display: flex !important;
    flex-direction: column !important;
  }
  .main-ctnr .main-section {
    order: 2 !important;
    margin: auto !important;
  }
  .aside-section {
    order: 1 !important;
    position: inherit !important;
    margin: auto !important;
    width: 864px !important;
  }
  .aside-section .aside-ctnr.attach-aside {
    position: inherit !important;
    display: flex !important;
    flex-flow: column wrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    max-height: 350px !important;
  }
  .aside-section .aside-ctnr.attach-aside .works-ctnr {
    margin-top: 72px !important;
    width: auto !important;
  }
  .aside-section .aside-ctnr.attach-aside .works-ctnr .slot-ctnr {
    display: flex;
  }
  .aside-section .aside-ctnr.attach-aside .works-ctnr .slot-ctnr a .item-canvas {
    margin-right: 17px;
  }
  .category-wrapper .upload-content,
  .set-copyright .copyright-icon .icon-none-copyright {
    background-color: var(--c-background) !important;
  }
  .upload-image,
  .checkbox .radio-btn,
  .marquee,
  .agree-rule .checkbox {
    background-color: var(--c-hover) !important;
  }
  .checkbox.checked .radio-btn {
    background-color: var(--c-border) !important;
  }
  .add-tag .default:hover {
    background-color: transparent !important;
  }
  .category-wrapper .dot,
  .checkbox.checked .radio-btn::before,
  .add-tag .default .btn-show,
  .tag .delete,
  .popup-bind-tip .title,
  .agree-rule .checkbox.checked {
    background-color: var(--c-accent) !important;
  }
  .category-wrapper .tweet-title {
    color: var(--c-title) !important;
  }
  .tag .delete,
  .popup-bind-tip .close {
    color: var(--c-white) !important;
  }
  .add-tag .default:hover .placeholder {
    color: var(--c-accent) !important;
  }
  .upload-image,
  .upload-image .upload-btn,
  .checkbox .radio-btn,
  .agree-rule .checkbox,
  .marquee {
    border-color: var(--c-border) !important;
  }
  .checkbox.checked .radio-btn,
  .add-tag .default {
    border: 0 !important;
  }
  .add-tag .tag-list .tag {
    border: 1px solid var(--c-border);
  }
  .submit-btn.pointer {
    border: 1px solid var(--c-accent);
  }
  .submit-btn {
    box-shadow: none !important;
  }
  .add-tag .default .btn-show,
  .submit-btn {
    background-image: none !important;
  }
  .category-wrapper .upload-content .title {
    font-size: 16px !important;
  }
  .category-wrapper hr {
    border-bottom: 1 !important;
  }
  .set-copyright .copyright-select-box::before {
    border-color: var(--c-border) transparent transparent var(--c-border) !important;
    background-color: var(--c-background) !important;
  }
  .nav-bar .nav-wrapper .slide-block {
    display: none !important;
  }
  .nav-bar .sub-nav,
  .rank-list-container .rank-list-wrapper,
  .rank-item-first {
    background-color: var(--c-background) !important;
  }
  #app {
    background-color: transparent !important;
  }
  .nav-bar .nav-wrapper .main-tab.active,
  .nav-bar .sub-nav .sub-tab.active {
    color: var(--c-accent) !important;
  }
  .nav-bar .sub-nav:after {
    border-color: transparent transparent var(--c-background) !important;
  }
  .nav-bar {
    border: 0 !important;
  }
  .rank-list-container .rank-list-wrapper {
    box-shadow: none !important;
  }
  .rank-list .canvas-card:after {
    background-image: none !important;
  }
  .rank-list-container .rank-list-wrapper {
    padding-bottom: 20px;
  }
  .rank-list-container .more {
    position: initial !important;
    margin: 20px auto 0;
    width: 60% !important;
    height: 40px !important;
    border: 1px solid var(--c-border);
    border-radius: 10px !important;
    background-color: var(--chover) !important;
    line-height: 40px !important;
    transition: border-color 0.3s ease-in-out !important;
  }
  .rank-list-container .more:hover {
    border-color: var(--c-accent) !important;
  }
  .rank-list-container .more:hover span,
  .rank-list-container .more:hover i {
    color: var(--c-accent) !important;
  }
  .rank-list-container .more span,
  .rank-list-container .more i {
    transition: color 0.3s ease-in-out !important;
  }
  .rank-list-container .more i {
    color: var(--c-text) !important;
  }
}
@-moz-document url-prefix("https://member.bilibili.com/"), url-prefix("https://cm.bilibili.com/") {
  .header .left-block .logo.bcc-icon-logo,
  .header span.el-popover__reference,
  .header-popover-avatar .logout .line {
    display: none !important;
  }
  .header-popover-avatar .link:hover {
    background-color: var(--c-hover) !important;
  }
  .header .left-block .logo,
  .link-top-container .link-top-item.active span {
    color: var(--c-accent) !important;
  }
  .version-switch-section .bottom-border {
    border-color: var(--c-border) !important;
  }
  .el-popper .popper__arrow:after {
    border-bottom-color: var(--c-background) !important;
  }
  .header .right-block .avatar {
    margin: 0 !important;
  }
  .cc-header .header {
    border-bottom: 1px solid var(--c-border);
    background-color: var(--c-background) !important;
    box-shadow: none !important;
  }
  .header .left-block .main-site {
    margin-left: 0 !important;
    font-size: 0 !important;
  }
  .header .left-block .main-site .bcc-iconfont {
    font-size: 24px;
  }
  .link-top-container,
  .version-switch-section,
  .practice-wrap .tab-container {
    border-bottom-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
  }
  .slider-bar .nav-cut-off-line,
  .border-line {
    display: none !important;
  }
  .nav-upload-container {
    background-color: var(--c-background) !important;
  }
  .nav-upload-container .nav-upload-item:hover,
  .bcc-nav-slider-sub-menu__wrap .bcc-nav-slider-sub-menu.is-active,
  .slider-bar .bar-item .bcc-nav-slider-item__wrap:hover,
  .slider-bar .bar-item .bcc-nav-slider-sub-menu:hover,
  .slider-bar .bcc-nav-slider-item__wrap.is-active {
    background-color: var(--c-hover) !important;
  }
  .cc-nav .simplebar-scrollbar {
    background-color: var(--c-scroll) !important;
  }
  .slider-bar .menu-title,
  .slider-bar .menu-title span,
  .slider-bar .bar-item i,
  .left-nav-item i,
  .advice-btn,
  .advice-title,
  .advice-item-title {
    color: var(--c-title) !important;
  }
  .advice-info {
    color: var(--c-text) !important;
  }
  .back-top-box .item-desc i {
    color: var(--c-white) !important;
  }
  .bcc-nav-slider-sub-menu.is-active .menu-title,
  .router_wrap.active .menu-title span,
  .slider-bar .bar-item .bcc-nav-slider-item__wrap .router-item.active,
  .slider-bar .bar-item .bcc-nav-slider-item__wrap .router-item.active i,
  .slider-bar .bar-item .bcc-nav-slider-item__wrap .router_wrap.active,
  .slider-bar .bar-item .bcc-nav-slider-item__wrap .router_wrap.active i,
  .slider-bar .bar-item .bcc-nav-slider-sub-menu .router-item.active,
  .slider-bar .bar-item .bcc-nav-slider-sub-menu .router-item.active i,
  .slider-bar .bar-item .bcc-nav-slider-sub-menu .router_wrap.active,
  .slider-bar .bar-item .bcc-nav-slider-sub-menu .router_wrap.active i,
  .slider-bar .bar-item .bcc-nav-slider-sub-menu .router-item.active .menu-title,
  .left-nav-list.active .left-nav-item i,
  .left-nav-list.active .left-nav-item span {
    color: var(--c-accent) !important;
  }
  .nav-upload-container {
    border: 1px solid var(--c-border);
  }
  .nav-upload-container {
    box-shadow: none !important;
  }
  .bcc-nav-slider-item__wrap,
  .bcc-nav-slider-sub-menu {
    transition: background-color 0.3s ease-in-out !important;
  }
  .cc-nav-wrp {
    margin-top: 60px;
    padding-top: 0;
    padding-bottom: 60px;
    height: calc(100% - 60px);
    border-color: var(--c-border) !important;
    background-color: transparent !important;
  }
  .side-utils .feedback-container,
  .bili-tab.current:after,
  .dc-radio-button.is-active::after,
  .cc-zimu-wrp .zimu-header em,
  .footer-content .social-menu {
    display: none !important;
  }
  .share-wrap,
  .article-card,
  .new-calendar-wrap .calendar-body .date-desc_wrap,
  .new-calendar-wrap .calendar-body .date-desc_wrap .item-desc_card,
  .select-box .option-footer,
  .comment-manage-wrap .content,
  .comment-manage-wrap .content .action-bar,
  #charge-wrapper .main-charge .elec-con .compute-wrap,
  .toolbox,
  .rule,
  .create-protect-wrp,
  .protect-apply-entry-wrp .protect-entry .error-tips,
  .upload-v2-container .upload-agreement .reg-1 .reg-2-tip::after,
  .edit-article-wrap #edit-article-box,
  .editor-box .editor-toolbar,
  .cover-v2-container .cover-v2-detail-wrp .cover-v2-selector,
  .cover-v2-container .cover-v2-detail-wrp .cover-v2-selector .cover-v2-selector-deg,
  .cc-modal .modal,
  .share-modal .modal-bottom,
  .pie-empty,
  .source-rank-open-button,
  .chief-recommend-module .carousel-box,
  .lab-manage .lab-item,
  .setting div:nth-child(n + 2),
  #text-contribute.limit-height,
  .original-editor-wrap,
  .protect-items .protect-item,
  .material-wrp,
  .video-data-container,
  .data-card .data-card-detail,
  .ct-fans-analysis {
    background-color: var(--c-background) !important;
  }
  .message-notice_wrap .tips-item_wrap,
  .new-calendar-wrap .calendar-body .date-wrap .wrap-content .select-icon,
  .section-item,
  .cc-article-wrp .article-card .meta-view .option,
  .select-box .select-item:hover,
  .select-box .select-item.is-disabled,
  .select-box .option-footer:hover,
  .helper .icon,
  .pie-empty-wrapper,
  .comment-list-item .ci-parent-reply,
  #charge-wrapper .main-charge .elec-con,
  #charge-wrapper .main-charge .shell-con,
  .upload-v2-step1-container #homeDrop,
  .video-editor-ol-wrp,
  .editor-box,
  .editor-box .editor-toolbar li.preview,
  .cover-upload-box,
  .ui-input-textarea,
  .qa-area-ol-wrp,
  #edit-page .edit-notice,
  .cover-upload-box .no-img:hover,
  .tips-calendar_wrap,
  .header .right-block .avatar img,
  .stat-wrp,
  .article-data-wrp .video-box,
  .article-net-charts .content-box,
  .detail-wrp .detail-empty,
  .normal-v2-container .normal-title-wrp>.template-op,
  .normal-v2-container .normal-title-wrp>.template-op-disabled,
  .cover-v2-container .cover-v2-detail-wrp .cover-v2-selector .cover-v2-selector-items .selector-item,
  .content-tag-v2-container .content-tag-v2-edit-mod-wrp,
  .content-tag-v2-container .content-tag-v2-other-tag-error-wrp,
  .article-danmu-wrp .danmu-box .danmu-table .danmu-item:nth-child(odd),
  .article-danmu-wrp .danmu-box .danmu-table .danmu-item:hover,
  .article-danmu-wrp .danmu-box .danmu-table .danmu-item .item-act .option-wrp .act-btn,
  .recent-danmu-wrp .danmu-table .danmu-item .item-act .option-wrp .act-btn,
  .dc-radio-button.is-active,
  .dc-radio-button:hover,
  .section-item.actived,
  .source-rank-open-button:hover,
  .rank-active-target,
  .rank-fans-medal,
  .rank-vedio-target,
  .rank-vedio-view,
  .notify-tips,
  .drop-cascader-container .drop-cascader-pre-wrp .drop-cascader-pre-item:hover,
  .drop-cascader-container .drop-cascader-list-wrp .drop-cascader-list-item:hover,
  .video-data-overview,
  .data-from-container,
  .data-archive-play,
  .data-archive-play-complete,
  .data-type-list,
  .data-watcher,
  .data-tags,
  #dc-section_preference .list_wrap .list-item,
  .tag-card .tag-card-detail,
  .chunk-box {
    background-color: var(--c-hover) !important;
  }
  .dc-progress-bar,
  #charge-wrapper .main-charge .elec-con .progress .progress-bar .bar,
  #charge-wrapper .main-charge .elec-con .progress .progress-bar .bar:after,
  .apply-page-title:after,
  .lab-item .lab-item-content .divide-line,
  .line-divid,
  .normal-v2-container .normal-title-wrp>.template-op>.template-op-divide,
  .dc-radio-button:hover:before,
  .rank-active-target-item .item-list li+li .item-wrap:after,
  .rank-fans-medal-item .item-list li+li .item-wrap:after,
  .rank-vedio-target-item .item-list li+li .item-wrap:after,
  .rank-vedio-view-item .item-list li+li .item-wrap:after,
  .comment_wrap .operate_wrap .operate_right .operate-txt:not(:last-child):after,
  .text-split_wrap .operate-txt:not(:last-child):after,
  .cover-chop-modal-v2-body .cover-chop-modal-v2-body-split,
  .cover-chop-modal-v2-body .cover-chop-modal-v2-small-mask-top,
  .cover-chop-modal-v2-body .cover-chop-modal-v2-small-mask-bottom,
  .upload-step-3-container-v2 .upload-3-v2-success-split,
  .progress {
    background-color: var(--c-border) !important;
  }
  .echarts {
    background-color: rgba(255,255,255,0.2);
  }
  body {
    background-color: var(--c-bg-mask) !important;
  }
  #app,
  #app.home,
  .cc-body,
  #bili-data-center,
  #audience-page,
  .dc-section1-body,
  .new-link-top-wrap .new-link-top-container,
  .medal,
  .danmu-container,
  .lab-wrap,
  .setting,
  .cc-body .cc-content-body.home-wrap,
  .cc-body .cc-content-body.not-home,
  #text-contribute .fixed-header,
  #edit-page,
  .new-calendar-wrap .calendar-body .date-desc_wrap .date-desc__content .nothing-wrap,
  .carousel-module .panel .title .tag,
  .comment-list-item .ci-action a:hover,
  .recent-danmu-wrp .danmu-filter .left .delete .option-wrp .act-btn,
  .lab-item .lab-item-content,
  .setting .follow-setting .follow-wrp .follow-modal,
  .setting .public-setting .follow-wrp .follow-modal,
  .setting .watermark-setting .watermark-wrp .watermark-modal,
  .ui-input-textarea textarea,
  .float-toolbar .toolbar-list,
  .float-toolbar .back-top,
  .edui-default .edui-editor,
  .article-danmu-wrp .danmu-box,
  .article-danmu-wrp .danmu-filter .left .delete .option-wrp .act-btn,
  .content-wrap .tag,
  .new-link-top-wrap .link-top-item .red_point,
  .upload-step-3-container-v2,
  .upload-step-3-container-v2 .upload-3-v2-follow {
    background-color: transparent !important;
  }
  .tabs .tabs__header .tabs__header-item.is-active:after,
  .dc-progress-bar_inner,
  #charge-wrapper .main-charge .elec-con .progress .progress-bar .bar:before,
  #charge-wrapper .main-charge .elec-con .progress .progress-bar .active-bar,
  .rookie_content .rookie_division li .div_name span .hot_tip,
  .video-data-container .header-nav .selected::after,
  .data-card-active .data-card-detail,
  .nav-tab-container>div.active:after,
  .progress .progress-item {
    background-color: var(--c-accent) !important;
  }
  .calendarEntry_box .calendarEntry_content .today,
  .calendar-box .calendar-date-header .date-cell,
  .new-calendar-wrap .calendar-body .date-desc_wrap .item-desc_card .item-desc_body .item-desc__content,
  .new-calendar-wrap .calendar-body .date-wrap .wrap-content .select-text,
  .notice_wrap .notice_title .notice-txt,
  .data-card .tab .data-tab,
  .interact-wrap .header .tabs .tabs__header .tabs__header-item span,
  .comment-item .right-block .like-reply div,
  .danmu-item .right-block .delete-protect div,
  .academy-wrap .header .academy-tag,
  .dc-section-item1_title_custom span,
  #dc-section_summary .source-rank-list-item .rank,
  .reg-main-title,
  .reg-main-title .hightlight,
  .apply-page-title>p,
  .lab-item .lab-item-content .content-detail p,
  .setting .setting-title,
  .setting .section-title,
  .ui-popup .popup-wrap .text-box .text,
  .share-modal .modal .modal-close,
  .cc-article-wrp .del-wrp .modal-wrap .del-title,
  .dc-section-item1_title_custom .sectionTitle,
  .new-link-top-wrap .new-link-top-container .right-tips,
  .video-data-container .header-nav .selected,
  .data-card .data-card-detail .value,
  .selection-button,
  .data-from-archive-chart .archive-data .archive-data-item .item-last .archive-info .archive-info-title,
  .data-card .content,
  .fans-rank .top,
  .fans-sticky-active .content .fans-sticky .fs-title,
  .fans-rank-list-box .title-box {
    color: var(--c-title) !important;
  }
  .notice_wrap .notice_body .hot-item .item-right,
  .section-item .data-name,
  .comment-item .right-block .reply-content,
  .list-item .view,
  .cc-article-wrp .article-card .meta-footer .view-stat,
  .comment-list-item .ci-parent-reply .cipr-content,
  .reg-main-text,
  .reg-tip,
  .protect-apply-entry-wrp .content-tips,
  .protect-item-tips,
  .protect-apply-entry-wrp .protect-appeal,
  .lab-item .lab-item-content .content-detail .detail-desc,
  .lab-item .lab-item-content .content-detail .feedback,
  .mobile-award-panel .content-container .install-text,
  .danmu-item .right-block .danmu-content,
  .detail-wrp .detail-empty,
  .ui-popup .popup-wrap .text-box .subtext,
  .article-danmu-wrp .danmu-filter .left .delete .plain,
  .article-danmu-wrp .danmu-box .danmu-table .danmu-item .item-content,
  .cc-article-wrp .del-wrp .modal-wrap .del-tips,
  .section-item .tips_wrap,
  #dc-section_retention .legend_wrap .legend-item .legend-label,
  .upload-v2-step1-container .upload-agreement .reg-2,
  .danmu-wrp .section .title-tip,
  .cover-chop-modal-v2-body .cover-chop-modal-v2-body-right-text,
  .material-wrp .header .material-tag,
  .video-data-container .header-nav .item,
  .data-card .data-card-detail .name,
  .data-from-archive-chart .archive-data .archive-data-item .item-last .archive-info .archive-info-pub-time,
  .data-from-archive-chart .archive-data .archive-data-more,
  .nav-tab-container>div {
    color: var(--c-text) !important;
  }
  .link-top-container .link-top-item.active .red_point,
  .echarts div,
  .article-card.v2 .meta-view .bili-btn:hover .bcc-iconfont {
    color: var(--c-white) !important;
  }
  .calendarEntry_box .greetings .greet-num,
  .new-calendar-wrap .calendar-body .date-wrap .wrap-content .today,
  .data-card .tab .data-tab.current,
  .data-card .tab .data-tab:hover,
  .section-item .text-content span,
  .academy-wrap .content .tabs .tabs__header .tabs__header-item.is-active span,
  .bili-tab.current,
  .bili-tab.current span,
  .bili-tab:hover,
  .bili-tab:hover span,
  .select-box .option-footer:hover,
  .select-box .option-footer:hover span,
  .dc-radio-button.is-active span,
  .dc-radio-button:hover span,
  .info-item-active-num,
  .info-item-charge-num,
  .info-item-medal-num,
  .info-item-total-num,
  #charge-wrapper .main-charge .elec-con .num,
  #charge-wrapper .main-charge .shell-con .num,
  #charge-wrapper .main-charge .elec-con .progress .pro-date.red,
  .setting .section-edit:hover span,
  .video-editor-ol-wrp .icon-xic_video_huaban,
  .editor-box .editor-toolbar .child-list li:hover,
  i.icon-shape:after,
  .interact-wrap .header .tabs .tabs__header .tabs__header-item.is-active span,
  .interact-wrap .header .tabs .tabs__header .tabs__header-item:hover span,
  .comment-item .right-block .like-reply div:hover,
  .danmu-item .right-block .delete-protect div:hover,
  .stat-card .num .text,
  .comment_wrap .operate_wrap .operate_right .operate-txt.active,
  .qa-area-ol-wrp .qa-icon,
  .notify-tips .icon_wrap i,
  .article-card.v2 .meta-view .more-btn:hover:not(.disabled) i,
  .data-from-archive-chart .archive-data .archive-data-item .item-last .archive-operate>div:hover .archive-operate-text,
  .data-from-archive-chart .archive-data .archive-data-item .item-last .archive-operate>div:hover svg,
  .data-from-archive-chart .archive-data .archive-data-more:hover,
  .nav-tab-container>div.active {
    color: var(--c-accent) !important;
  }
  .bili-share-pc,
  .calendarEntry_box .greetings,
  .new-calendar-wrap .calendar-header,
  .new-calendar-wrap .calendar-box,
  .new-calendar-wrap .calendar-body .date-desc_wrap .item-desc_card .item-desc_body .item-desc__content,
  .comment-item .right-block .origin,
  .academy-wrap .content .tabs .tabs__header,
  .cc-article-wrp .article-header .search-wrp,
  .article-card,
  .cc-article-wrp .article-card .meta-title .typename,
  .select-box .row,
  #dc-section_summary .source-rank-list-item,
  .helper .icon,
  .rank-active-target,
  .rank-fans-medal,
  .rank-vedio-target,
  .rank-vedio-view,
  .medal header,
  .medal-list .part .content,
  .comment-manage-wrap .content .action-bar .action-btn span,
  .comment-list-item,
  .recent-danmu-wrp .danmu-filter .left .delete,
  .recent-danmu-wrp .danmu-filter .left .danmu-type,
  .recent-danmu-wrp .danmu-filter .left .protect,
  .recent-danmu-wrp .danmu-filter .left .refresh,
  .recent-danmu-wrp .danmu-filter .left .plain,
  .rookie_wrap .rookie_division li,
  .announce li,
  .protect-item,
  .protect-apply-entry-wrp .protect-entry .error-tips,
  .lab-item,
  .setting .clearfix,
  .original-editor-wrap,
  .editor-box .editor-toolbar li.cut-off,
  .color-board .color-group,
  .editor-box .editor-toolbar .child-list li[class*=cut-off],
  .cards-block .cards-list .card-item .card-case,
  .ui-input-textarea,
  .modal-wrap .header,
  .read-list-component .creat-read-list-box .add-btn,
  .footer-content,
  #edit-page .edit-notice,
  .tips-calendar_wrap,
  .header .right-block .avatar img,
  .danmu-item .right-block .origin,
  .stat-wrp .stat-card,
  .dividing-line,
  .normal-v2-container .normal-title-wrp>.template-op,
  .normal-v2-container .normal-title-wrp>.template-op.template-op-disabled,
  .cover-v2-container .cover-v2-detail-wrp .cover-v2-selector,
  .input-box-v2-1-container,
  .content-tag-v2-container .content-tag-v2-edit-mod-wrp,
  .content-tag-v2-container .content-tag-v2-other-tag-error-wrp,
  .text-area-box-v2-container,
  .share-modal .av-wrp .av-wrp-inner,
  .share-modal .modal-bottom .share-addr .av-addr-wrp,
  .article-danmu-wrp .danmu-filter .left .delete .plain,
  .article-danmu-wrp .danmu-box .danmu-table .danmu-item .item-act .option-wrp .act-btn,
  .article-danmu-wrp .danmu-filter .left .delete,
  .article-danmu-wrp .danmu-filter .left .danmu-type,
  .article-danmu-wrp .danmu-filter .left .protect,
  .article-danmu-wrp .danmu-filter .left .refresh,
  .article-danmu-wrp .danmu-filter .left .danmu-type .plain,
  .article-danmu-wrp .danmu-filter .left .protect .plain,
  .article-danmu-wrp .danmu-filter .left .refresh .plain,
  .recent-danmu-wrp .danmu-table .danmu-item .item-act .option-wrp .act-btn,
  .dc-radio-button,
  .dc-radio-button:hover,
  #dc-section_essential .item-in-row,
  .watch_wrap,
  .source-rank-open-button,
  .danmu-wrp .section,
  .info-item,
  .cover-v2-container .cover-v2-detail-wrp .cover-v2-selector .cover-v2-selector-items .selector-item,
  .select-box-v2-container .select-box-v2-controller,
  .drop-cascader-container .drop-cascader-list-wrp,
  .label-item-v2-2-container,
  .common-modal-container .common-modal-content .common-modal-head,
  .article-card.v2 .meta-status .pubdate,
  .material-wrp .content .tabs .tabs__header,
  .data-from-terminal-bar-wrap,
  .data-from-person-pie-wrap,
  .data-from-archive-chart .archive-data .archive-data-item .item-last,
  .data-from-archive-chart .archive-data .archive-data-more,
  .graphics-box {
    border-color: var(--c-border) !important;
  }
  .cc-article-wrp .del-wrp .modal-wrap .geetest_holder.geetest_wind .geetest_radar_btn,
  .cc-article-wrp .del-wrp .modal-wrap .geetest_holder.geetest_wind .geetest_success_btn,
  .section-item.actived,
  .new-link-top-wrap .link-top-item.active,
  .cover-v2-container .cover-v2-detail-wrp .cover-v2-selector .cover-v2-selector-items .selector-item-selected,
  .data-from-archive-chart .archive-data .archive-data-more:hover {
    border-color: var(--c-accent) !important;
  }
  .recent-danmu-wrp .danmu-filter .left .option-menu .option-arrow-border {
    border-bottom-color: var(--c-background) !important;
  }
  .recent-danmu-wrp .danmu-filter .left .option-menu .option-arrow,
  .upload-v2-container .upload-agreement .reg-1 .reg-2-tip::after,
  .cover-v2-container .cover-v2-detail-wrp .cover-v2-selector .cover-v2-selector-deg,
  .article-danmu-wrp .danmu-filter .left .option-menu .option-arrow,
  .new-link-top-wrap .arrow-tip,
  .page-tips .arrow-tip,
  .bcc-popover[x-placement^=bottom] .popper__arrow {
    border-bottom-color: var(--c-border) !important;
  }
  .article-danmu-wrp .danmu-filter .left .option-menu .option-arrow-border,
  .new-link-top-wrap .arrow-tip::after,
  .page-tips .arrow-tip::after,
  .bcc-popover[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: var(--c-background) !important;
  }
  .section-item .diff-wrp .diff-text:before,
  .link-top-container .link-top-item.active,
  .bili-tab.current {
    border-bottom-color: var(--c-accent) !important;
  }
  .upload-v2-container .upload-agreement .reg-1 .reg-2-tip::after {
    border-right-color: var(--c-border) !important;
  }
  .cover-v2-container .cover-v2-detail-wrp .cover-v2-selector .cover-v2-selector-deg {
    border-left-color: var(--c-border) !important;
  }
  .recent-danmu-wrp .danmu-filter .left .option-menu,
  .editor-box,
  .editor-box .editor-toolbar .child-list,
  .classify .sub-list,
  .fans-rank-list-box {
    border: 1px solid var(--c-border) !important;
  }
  .toolbox,
  .editor-box #editor-box {
    border-top: 1px solid var(--c-border) !important;
  }
  .danmu-container,
  .comment-list-item .ci-parent-reply,
  .pager .pages .page-item.prev,
  .pager .pages .page-item.next,
  .comment-manage-wrap .no-content,
  .magnetic .content,
  #charge-wrapper .main-charge .elec-con,
  #charge-wrapper .main-charge .shell-con,
  .stat-wrp,
  .article-chart-wrp,
  #articleChart,
  .article-net-charts .content-box,
  .detail-wrp .detail-empty,
  .article-danmu-wrp .danmu-box,
  .article-danmu-wrp .danmu-box .danmu-table .danmu-item,
  .dc-top-link_wrap .tabs .tabs__header,
  .new-link-top-wrap .new-link-top-container,
  #edit-page .block-hr,
  .link-top-container {
    border: 0 !important;
  }
  .danmu-container,
  .editor-box .editor-toolbar .child-list,
  .cc-btn,
  .article-data-wrp .video-box,
  .stat-wrp,
  .article-net-charts .content-box,
  .detail-wrp .detail-empty,
  .article-danmu-wrp .danmu-box,
  .cc-article-wrp .del-wrp .modal-wrap .geetest_holder.geetest_wind .geetest_radar_btn,
  .cc-article-wrp .del-wrp .modal-wrap .geetest_holder.geetest_wind .geetest_success_btn,
  .rank-active-target,
  .rank-fans-medal,
  .rank-vedio-target,
  .rank-vedio-view,
  .fans-rank-list-box {
    box-shadow: none !important;
  }
  .ui-dropdown .default {
    text-align: center;
  }
  .pager .jump-pager {
    vertical-align: -webkit-baseline-middle;
  }
  .lab-guide {
    margin-bottom: 40px;
  }
  #text-contribute {
    padding-top: 33px;
  }
  .editor-box .editor-toolbar,
  .editor-box #editor-box .edui-editor,
  .edui-default .edui-editor-iframeholder {
    width: 100% !important;
  }
  .contet-wrap {
    width: 940px;
  }
  .reward-plan-wrap .reward-plan-box,
  .pick-up-wrap .pick-up-box {
    height: calc(100vh - 60px);
  }
  .iframe-comp-container>div iframe,
  .audios-wrap #audios-box {
    height: calc(100vh - 110px);
  }
  .edit-article-wrap #edit-article-box {
    height: calc(100vh - 163px);
  }
  .recent-danmu-wrp .danmu-filter {
    margin: 20px 0;
    padding: 10px 20px;
  }
  .danmu-wrp {
    margin-top: 40px;
    padding: 0 20px;
  }
  #charge-wrapper .main-charge {
    padding: 20px;
    width: 980px;
  }
  .growup-participate,
  .canary-container {
    margin-top: 40px !important;
    padding: 0 20px 20px !important;
  }
  .cc-album-create .info-wrp {
    margin-top: 40px;
    padding-bottom: 20px;
  }
  .data-from-archive-chart .archive-data .archive-data-more {
    margin-right: 32px;
    transition: all 0.3s ease-in-out !important;
  }
  .notice_wrap,
  .data-card,
  .interact-wrap,
  .academy-wrap,
  .dc-page,
  .cc-content-body.not-home.home-wrap,
  .growup-participate,
  #charge-wrapper .main-charge,
  .cc-body .cc-content-body,
  .canary-container,
  .cc-album-create .info-wrp,
  .recent-danmu-wrp .danmu-filter,
  .danmu-wrp,
  .videoCharts,
  .netAnalysis {
    border-radius: 4px;
    background-color: var(--c-background) !important;
  }
  .link-top-container {
    margin-left: 200px;
    padding-left: 0;
    width: calc(100% - 200px);
  }
  .ui-serch .run-serch,
  .rank-active-target-item.default,
  .rank-fans-medal-item.default,
  .rank-vedio-target-item.default,
  .rank-vedio-view-item.default {
    border: 0 !important;
    background-color: transparent !important;
  }
  .ui-serch .run-serch::after,
  .rank-active-target-item.default::after,
  .rank-fans-medal-item.default::after,
  .rank-vedio-target-item.default::after,
  .rank-vedio-view-item.default::after {
    content: none !important;
  }
}
@-moz-document url-prefix("https://member.bilibili.com/academy/"), url-prefix("https://cm.bilibili.com/") {
  .up-index .bg01,
  .up-index .bg02,
  .left-nav-wrapper .left-nav-logo,
  .left-nav-wrapper .go-back-link .icon-back {
    display: none !important;
  }
  .up-index .fixed-bar,
  .btn-section .btn-item,
  .list-header .filter-wrp .video-type {
    background-color: var(--c-background) !important;
  }
  .carousel-wrap .panel .pic li {
    background-color: var(--c-hover) !important;
  }
  .list-header .filter-wrp .article-type .line,
  .list-header .filter-wrp .filter-level .line,
  .list-header .filter-wrp .video-type .line {
    background-color: var(--c-border) !important;
  }
  .carousel-wrap .page .next.current {
    background-color: var(--c-accent) !important;
  }
  .academy-left-name,
  .up-index .fixed-bar .slogan {
    color: var(--c-title) !important;
  }
  .tabs-nav .tab-item.full span {
    color: var(--c-white) !important;
  }
  .academy-right-link:hover,
  .list-header .filter-wrp .article-type .bili-btn.current,
  .list-header .filter-wrp .filter-level .bili-btn.current,
  .list-header .filter-wrp .video-type .bili-btn.current,
  .tabs-nav .tab-item:hover span,
  .nav-child-opening .left-nav-item-child span,
  .left-nav-childed .left-nav-childed-list.active .left-nav-item-childed span,
  .left-nav-childed .left-nav-childed-list:hover .left-nav-item-childed span,
  .left-nav-item-child:hover i,
  .left-nav-item-child:hover span {
    color: var(--c-accent) !important;
  }
  .list-header .filter-wrp .article-type,
  .list-header .filter-wrp .filter-level,
  .list-header .filter-wrp .video-type,
  .btn-section .btn-item,
  .tabs .customize-tab {
    border-color: var(--c-border) !important;
  }
  .carousel-wrap .page .next.current {
    border-color: var(--c-accent) !important;
  }
  .tag-modal,
  .steps .step-operate .dropdown .dropdown__content {
    border: 1px solid var(--c-border);
  }
  .adademy-wrapper .index-banner {
    margin: auto;
  }
  .left-nav-wrapper {
    padding-top: 40px;
  }
  .course-item .academy-module-title {
    padding: 0 20px;
  }
  .list-wrap .videos-wrap .video-list,
  .customize-wrap .tabs,
  .past-work .current-work-list .video-list {
    width: auto;
  }
  .right-body {
    width: 1080px;
  }
  .pager .jump-pager {
    vertical-align: middle;
  }
  .up-index .fixed-bar {
    border-top: 1px solid var(--c-border);
    box-shadow: none;
  }
  .tabs-nav .tab-item.border-bottom {
    background-color: transparent !important;
    color: var(--c-accent) !important;
    border-color: var(--c-accent) !important;
  }
  .course-item .official-wrap,
  .course-item .series-wrap,
  .course-item .fenlei-wrap,
  .course-item .videos-wrap,
  .course-item .carousel-wrap,
  .list-wrap .videos-wrap .video-list,
  .customize-wrap .tabs,
  .customize-wrap .steps,
  .customize-wrap .customize-wrap,
  .past-work .current-work-list .video-list,
  .banner-desc>p {
    padding: 20px;
    border-radius: 4px;
    background-color: var(--c-background);
  }
  .tabs-nav .tab-item.full {
    background-color: var(--c-accent) !important;
    color: var(--c-white) !important;
  }
  .tabs-nav .tab-item.full span {
    color: var(--c-white) !important;
  }
  .bili-btn {
    background-color: transparent !important;
  }
  .bili-btn::after {
    content: none !important;
  }
}
@-moz-document url-prefix("https://www.bilibili.com/audio/") {
  .contri-condition .contri-select.active::after,
  .sub-nav-m .tips .t-arrow,
  .container .host-list-layout .hot-list-wrap .bg-wrap .hot-list-mask,
  .container .hot-list .music-menu-list .menu-type .type-triangle {
    display: none !important;
  }
  .ticket-container,
  .list-info .list-li.even,
  .container .song-list,
  .container .host-list-layout .hot-list-wrap,
  .container .musician-recommend .recommend-item {
    background-color: var(--c-background) !important;
  }
  .list-info .list-li.odd,
  .song-change,
  .container .song-list .song-li .song-shadow,
  .container .host-list-layout .hot-list-wrap .bg-wrap,
  .container .host-list-layout .hot-list-wrap .bg-wrap .top-info-content .left-img,
  .audioplayer .ap-controller .ap-controller-center .ap-buffer-bar,
  .audioplayer .ap-play-button svg {
    background-color: var(--c-hover) !important;
  }
  .audioplayer .ap-controller .ap-controller-center .ap-play-bar-wrap,
  .audioplayer .ap-controller .ap-controller-right .ap-volume-bar-wrap {
    background-color: var(--c-border) !important;
  }
  #app {
    background-color: transparent !important;
  }
  .audioplayer .ap-controller .ap-controller-center .ap-progress-bar,
  .audioplayer .ap-controller .ap-controller-right .ap-volume-bar,
  .audioplayer .ap-controller .ap-controller-right .ap-volume-thumb-dot {
    background-color: var(--c-accent) !important;
  }
  .music-upload-wrapper .upload-music-bar-wrapper .pload-music-bar-btn .pload-music-bar-btn-text,
  .compila-condition .compila-type,
  .list-title,
  .list-theme,
  .song-change,
  .creation-title,
  .song-title,
  .container .middle-tip,
  .container .host-list-layout .hot-list-wrap .bg-wrap .top-info-content .right-info .right-title {
    color: var(--c-title) !important;
  }
  .music-upload-wrapper .upload-music-bar-wrapper .pload-music-bar-btn .pload-music-bar-btn-tips,
  .compila-not-find .compila-not-find-tips,
  .contri-condition .contri-select,
  .contri-condition .contri-sort,
  .list-share .font24,
  .list-info .list-li .song-title .iconfont,
  .container .song-list .song-li .content .num {
    color: var(--c-text) !important;
  }
  .container .host-list-layout .hot-list-wrap .bg-wrap .top-info-content .right-info .right-btn .iconfont {
    color: var(--c-white) !important;
  }
  .contri-condition .contri-select.active,
  .list-info .list-li .song-title .song-float:hover,
  .sub-nav-m .sub-nav-item a.nav-active,
  .sub-nav-m .sub-nav-item a:hover,
  .container .host-list-layout .hot-list-wrap .show-more-song:hover .iconfont,
  .container .host-list-layout .hot-list-wrap .show-more-song:hover,
  .container .host-list-layout .hot-list-wrap .hot-song-list .song-info .song-content:hover .song-title,
  .container .hot-list .music-menu-list .choose-menu {
    color: var(--c-accent) !important;
  }
  .share-board .share-btn .share-type.list-border,
  .container .host-list-layout .hot-list-wrap .hot-song-list,
  .container .host-list-layout .hot-list-wrap .show-more-song,
  .container .musician-recommend .recommend-item {
    border-color: var(--c-border) !important;
  }
  .contri-condition .contri-select.active,
  .container .song-list .song-li .song-shadow,
  .container .hot-list .music-menu-list .choose-menu {
    border-color: var(--c-accent) !important;
  }
  .list-info {
    border: 0 !important;
  }
  .contri-condition .contri-sort .contri-sort-type,
  .share-board .share-btn {
    border: 1px solid var(--c-border) !important;
  }
  .audioplayer .ap-button:hover svg path,
  .audioplayer .ap-button:hover svg polygon,
  .audioplayer .ap-play-button svg path,
  .audioplayer .ap-play-button svg polygon {
    fill: var(--c-accent) !important;
  }
  .container .song-list .song-li:nth-child(6n) {
    margin-right: 0 !important;
  }
  .container .song-list .song-li {
    margin-right: 16px !important;
  }
  .pager .pages .page-item button {
    padding: 0 10px;
  }
  .change-song {
    border: 0 !important;
    background-color: transparent !important;
    font-size: 0 !important;
  }
  .container .song-list {
    padding: 10px;
    border-radius: 4px;
  }
  .list-info,
  .follow-container .follow-right .follow-intro .follow-fold {
    background-color: var(--c-background) !important;
  }
  .creation-li .creation-left .creation-shadow,
  .song-li .song-left .song-img,
  .song-li .song-left .song-shadow {
    background-color: var(--c-hover) !important;
  }
  .song-intro,
  .album-title,
  .mycollect-theme,
  .mycollect-padding .mycollect-title {
    color: var(--c-title) !important;
  }
  .font24,
  .song-lrc,
  .hotsong-li .hotsong-upname,
  .mycollect-padding .mycollect-upname,
  .mycollect-padding .mycollect-publish {
    color: var(--c-text) !important;
  }
  .share-board .list-share:hover .iconfont,
  .share-board .song-share:hover .iconfont,
  .follow-container .follow-right .follow-up,
  .follow-container .follow-right .follow-intro .follow-fold,
  .song-title .font18,
  .hotsong-li .font24:hover {
    color: var(--c-accent) !important;
  }
  .song-comment,
  .song-title,
  .mycollect-info {
    border-color: var(--c-border) !important;
  }
  .creation-li .creation-left .creation-shadow,
  .song-li .song-left .song-shadow {
    border-color: var(--c-accent) !important;
  }
  .list-info {
    border-radius: 4px;
  }
  .bb-comment {
    padding: 10px;
  }
  .bb-comment,
  .gridview-sidebar {
    border-radius: 4px;
    background-color: var(--c-background) !important;
  }
}
@-moz-document url-prefix("https://t.bilibili.com/") {
  .tag-panel,
  .right-panel,
  .user-panel .content .user-pic,
  #app .page-container .right-container,
  .tab-wrap .tab-item.active:after,
  .live-panel,
  .most-viewed-panel {
    display: none !important;
  }
  .center-panel .section-block,
  .bp-popup-panel,
  .emoji,
  .pagination,
  .feed-topic .publish-panel-container,
  .video-topic .video-list,
  .row,
  .vote-result-comment,
  #bp-app,
  .detail-content .detail-card .card,
  .bili-topic-search__popover,
  .bili-topic-selector__bulletin {
    background-color: var(--c-background) !important;
  }
  .core-style,
  .new-notice-bar,
  .emoji:hover,
  .emoji-cover.selected,
  .emoji-cover:hover,
  .bp-input .content-box,
  .imagesbox .boost-img,
  .img-content,
  .option-li:hover,
  .bili-topic-search__popover.active .bili-topic-search__input,
  .bili-topic-item__cloud:hover,
  .bili-topic-selector__bulletin__clear,
  .bili-topic-item__normal:hover,
  .settings-panel__option:hover {
    background-color: var(--c-hover) !important;
  }
  #app,
  .tab-bar,
  .user-panel,
  .publish-panel,
  .schedule-bar,
  .bp-input .content-box input,
  .bp-input .indicator,
  .tab-wrap .tab-item.active {
    background-color: transparent !important;
  }
  .tab-bar .line {
    background-color: var(--c-accent) !important;
  }
  #app,
  .fixed-bg {
    background-image: none !important;
  }
  .bp-popup-panel .title-ctnr .popup-title,
  .title-content,
  .top-header .tag-title-content .tag-title,
  .vote-title,
  .vote-user-name,
  .desc-title {
    color: var(--c-title) !important;
  }
  .core-style,
  .backdrop .title-box .close-button,
  .filter-tip,
  .clock-text,
  .lottery-config .config-row,
  .prize-item .prize-desc,
  .vote-user-text,
  .vote-left-time,
  .joined-text,
  .choice-count-text,
  .share-to-dynamic,
  .anonymous,
  .settings-panel__option {
    color: var(--c-text) !important;
  }
  .sticky-bar .bar-content .title,
  .sticky-bar .bar-content .f-right .message a,
  .bili-topic-item__cloud__name {
    color: var(--c-white) !important;
  }
  .tab-bar .tab .tab-text.selected,
  .tab-bar .tab .tab-text:hover,
  .tab-wrap .tab-item.active,
  .tab-wrap .tab-item:hover,
  .new-notice-bar:hover .message,
  .joined-number,
  .expand-btn,
  .card .button-area .more-button:hover,
  .bili-topic-item__cloud__prefix,
  .bili-topic-item__normal__prefix,
  .bili-topic-item__normal__name,
  .bili-topic-selector__bulletin__clear__icon,
  .settings-panel__option--active {
    color: var(--c-accent) !important;
  }
  .upload-image .upload-btn,
  .bp-input .content-box::before,
  .button-bar::before,
  .vote-number,
  .option-li,
  .detail-content .detail-card .card,
  .bili-topic-search__popover {
    border-color: var(--c-border) !important;
  }
  .tab-wrap .tab-item.active,
  .imagesbox .boost-slider-wrap .boost-slider-border,
  .option-li:hover {
    border-color: var(--c-accent) !important;
  }
  .home-page .home-container .home-content .center-panel .section-block,
  .bp-popup-panel,
  .feed-topic .publish-panel-container {
    border: 1px solid var(--c-border) !important;
  }
  .pagination {
    border-top: 1px solid var(--c-border) !important;
  }
  .core-style,
  .publish-panel,
  .page-list-box .pagination {
    border: 0 !important;
  }
  .sticky-bar .bar-content .send-button {
    box-shadow: none !important;
  }
  .home-page .home-container .home-content .center-panel .section-block {
    margin-top: 40px;
  }
  .home-page .home-container .home-content .center-panel,
  .detail-content .detail-card {
    width: 900px !important;
  }
  #app .page-container .center-container {
    width: 920px !important;
  }
  .user-panel,
  .user-panel .content {
    height: auto !important;
  }
  .backdrop {
    height: 100vh;
  }
  body {
    min-height: 100% !important;
  }
  .top-header .focus-btn {
    position: absolute !important;
  }
  .bili-topic-search__input {
    cursor: pointer;
  }
  .user-panel .content .user-head {
    left: 71px !important;
    width: 100px !important;
    height: 100px !important;
  }
  .user-panel .content .user-name {
    display: block !important;
    margin: 0 !important;
    padding-top: 170px !important;
    font-size: 20px !important;
    text-align: center !important;
  }
  .toolbar .box-toggle,
  .bp-add-button,
  .imagesbox .boost-img .prev,
  .imagesbox .boost-img .next {
    border: 0 !important;
    background-color: transparent !important;
    color: var(--c-text) !important;
  }
  .toolbar .box-toggle::after,
  .bp-add-button::after,
  .imagesbox .boost-img .prev::after,
  .imagesbox .boost-img .next::after {
    content: none !important;
  }
  .toolbar .box-toggle:hover,
  .bp-add-button:hover,
  .imagesbox .boost-img .prev:hover,
  .imagesbox .boost-img .next:hover {
    color: var(--c-accent) !important;
  }
  .static-popup.bp-arrow:before {
    border-top: 1px solid var(--c-border);
    border-left: 1px solid var(--c-border);
    width: 8px !important;
    height: 8px !important;
    background-color: var(--c-background) !important;
    background-image: none !important;
    transform: rotate(45deg);
  }
  .sticky-bar {
    background-color: var(--c-bg-header) !important;
    backdrop-filter: blur(5px);
    box-shadow: none !important;
  }
}
@-moz-document url-prefix("https://pay.bilibili.com/") {
  .top-bp,
  .bili-footer,
  .bp-user-box-bottom,
  #bp_menu_box .bp_box_top,
  .b-info .dividing-line,
  .b-info .line,
  .b-info .balance-top:after,
  .bb-icon-des {
    display: none !important;
  }
  .des-content,
  .el-table__expanded-cell {
    background-color: var(--c-background) !important;
  }
  .el-table--border:after,
  .el-table--group:after,
  .el-table:before {
    background-color: var(--c-border) !important;
  }
  #bp_user_box,
  .bb-intro-top,
  .el-table,
  .loading {
    background-color: transparent !important;
  }
  .spend-recode .title-group .selected-title:after {
    background-color: var(--c-accent) !important;
  }
  .bp-user-box .bp-user-box-bb,
  .bp-user-box .bp-user-box-bk,
  .b-info .info-tip,
  .num-tip,
  .instructions,
  .spend-recode .title-group .recode-title,
  .spend-recode .part-common .part-title,
  .el-table .el-table__header-wrapper .el-table__header .cell,
  .b-info .balance-top .balance-row .balance-title,
  .b-info .balance-top .balance-row .balance-right .shell-channel .shell-item .channel-name {
    color: var(--c-title) !important;
  }
  .el-table .el-table__row .cell,
  .b-info .warning-group .warning-title,
  .qrpay-group .qrpay-content .more-pay .more-text {
    color: var(--c-text) !important;
  }
  .bp-user-box i,
  .b-info .balance-price,
  .b-info .balance-footer .balance-part .part-balance-price,
  .qrpay-group .qrpay-content .price span,
  .qrpay-group .qrpay-content .price p,
  .spend-recode .title-group .selected-title,
  .b-info .balance-footer .part-balance-name .part-balance-price,
  .el-form-item.is-required .el-form-item__label:before,
  .spend-recode .title-group .recode-title:hover,
  .trade-wrapper.is-selected:not(.trade-customn)>div>div {
    color: var(--c-accent) !important;
  }
  .b-info .warning-group,
  .bind-info .dividing-line,
  .bind-info .note-content .bank-form .avatar-uploader .el-upload {
    border-color: var(--c-border) !important;
  }
  .bp-user-box-bb,
  .bp-user-box-top,
  #bp_user_box,
  .bb-intro-top,
  .b-info,
  .trade-list,
  .spend-recode,
  .shell-intro-top,
  .bind-info {
    border: 0;
  }
  .bp-center-box {
    margin-top: 60px;
  }
  .b-info,
  .b-info .balance-footer,
  .trade-list,
  .spend-recode,
  .bind-info {
    margin-top: 20px;
  }
  .b-info .bb-icon-yellow {
    margin-right: 30px;
  }
  .bp-user-box-top {
    padding: 0;
  }
  .spend-recode .title-group .selected-title {
    background-image: none !important;
  }
  .b-info,
  .trade-list,
  .spend-recode,
  .shell-intro-top,
  .bind-info {
    padding: 20px;
    border-radius: 4px;
    background-color: var(--c-background) !important;
  }
  .bb_box,
  .bp_box {
    margin: 0;
    height: auto;
    border: 0;
    background-color: transparent !important;
  }
  .bp-user-box-top span {
    float: none;
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
  }
  .bp-user-box-top p {
    margin-top: 20px;
    width: auto;
    font-size: 16px;
    color: var(--c-title) !important;
    text-align: center;
  }
  .bp-user-box-top .bp-user-box {
    display: flex;
    justify-content: space-around;
    align-items: center;
    float: none;
  }
  .bp-user-box-top .bp-user-box .bp-user-box-bb,
  .bp-user-box-top .bp-user-box .bp-user-box-bk {
    float: none;
    width: auto;
  }
  .bp_box_bot a {
    padding: 0;
    border-radius: 10px;
    text-align: center;
    transition: all 0.3s ease-in-out;
  }
  .bp_box_bot a:hover,
  .bp_box_bot a.bp_box_bot_click {
    border: 0;
    background-color: var(--c-hover) !important;
    color: var(--c-accent) !important;
  }
  .trade-wrapper,
  .b-info .balance-top .balance-row .balance-right .shell-channel .shell-item {
    border-color: var(--c-border) !important;
    background-color: var(--c-background) !important;
  }
  .trade-wrapper.shell-item-active,
  .b-info .balance-top .balance-row .balance-right .shell-channel .shell-item.shell-item-active,
  .trade-wrapper.is-selected,
  .b-info .balance-top .balance-row .balance-right .shell-channel .shell-item.is-selected {
    border-color: var(--c-accent) !important;
    background-color: var(--c-hover) !important;
  }
  .trade-wrapper.shell-item-active span,
  .b-info .balance-top .balance-row .balance-right .shell-channel .shell-item.shell-item-active span,
  .trade-wrapper.is-selected span,
  .b-info .balance-top .balance-row .balance-right .shell-channel .shell-item.is-selected span {
    color: var(--c-accent) !important;
  }
}
@-moz-document url-prefix("https://show.bilibili.com/") {
  .footer,
  .nav-header-wrapper .nav-header .nav-header-logo,
  .toolbar-wrapper .service-wrapper,
  .nav-header-wrapper .nav-header .nav-header-mainsite,
  .nav-header-wrapper .nav-header .order-icon,
  .toolbar-wrapper .toolbar-title,
  .tabs-wrapper .tabs .tabs-item.active:before,
  .project-info table .project-content .content-right .ticket-type span,
  .header .right li.order .icons,
  .header .right li.order:after,
  .nav-header-wrapper .nav-header .nav-header-logo-sub {
    display: none !important;
  }
  .nav-header-wrapper,
  .ticket-tips-wrapper .ticket-tips,
  .ticket-tips-wrapper .merchant-section,
  .selector-wrapper,
  .buyticket,
  .tabs-wrapper,
  .activity-info,
  .confirmorder-container,
  .selectable-option,
  .announcement-wrapper,
  .guest-wrapper,
  .order-list-wrapper,
  .mallhome__list__card,
  .malldetail__qrcode__container {
    background-color: var(--c-background) !important;
  }
  .project-list .project-list-item,
  .confirmorder-container .discounts .discounts-list p,
  .total-container {
    background-color: var(--c-hover) !important;
  }
  .nav-header-wrapper .nav-header,
  .selector-wrapper .wrapper,
  .toolbar-wrapper,
  .bread-wrapper,
  .whole-detail-info-wrapper,
  .modal-wrapper .modal-container,
  .info-header,
  .ticket-tips-wrapper .merchant-section .baseinfo-wrapper .content-item .title,
  .mallhome__switch__container,
  .mallhome__selector,
  .mallhome__selector__line__label,
  .malldetail__bread,
  .malldetail__info__wrap,
  .malldetail__info__detail__line--price,
  .showhome__switch__container {
    background-color: transparent !important;
  }
  .selector-wrapper .more-city-letter-list .more-city-letter-item .letter-item.active:after {
    background-color: var(--c-accent) !important;
  }
  .nav-header-wrapper .nav-header .order-center,
  .project-list-item-title,
  .whole-detail-info-wrapper .detail-info-wrapper .product-info-name,
  .whole-detail-info-wrapper .product-info-time-wrapper div.product-info-time-title,
  .modal-wrapper .modal-container .modal-header div,
  .ticket-tips-wrapper .ticket-tips-header,
  .activity-info .activity-info-header div,
  .info-header span,
  .announcement-title,
  .info-content p strong,
  .ticket-tips-wrapper .merchant-section .merchant-header {
    color: var(--c-title) !important;
  }
  .detail-info-wrapper .vuene-info-content div,
  .detail-info-wrapper .product-info-time-wrapper div,
  .selectable-option,
  .announcement-item.active .announcement-item-time,
  .order-list-wrapper .order-list .no-order .err-tips,
  .ticket-tips-wrapper .merchant-section .baseinfo-wrapper .content-item .content {
    color: var(--c-text) !important;
  }
  .buyticket .product-buy div {
    color: var(--c-white) !important;
  }
  .selector-wrapper .city-list .city-item.active,
  .selector-wrapper .city-list .city-item:hover,
  .selector-wrapper .order-list .city-item.active,
  .selector-wrapper .order-list .city-item:hover,
  .selector-wrapper .li-more .active,
  .selector-wrapper .more-city-list .more-city-item:hover,
  .selector-wrapper .type-list .current-type span.active,
  .selector-wrapper .type-list li:hover span,
  .nav-header-wrapper .order-and-icon-wrapper:hover .order-center,
  .project-list-item-price .price,
  .pagination-wrapper .pagination .pageNum.active,
  .pagination-wrapper .pagination .pageNum:hover,
  .selectable-option.active,
  .whole-detail-info-wrapper .detail-info-wrapper .vuene-wrapper .vuene-info-content .check-map:hover,
  .tabs-wrapper .tabs .tabs-item.active,
  .tabs-wrapper .tabs .tabs-item:hover,
  .total-container div span,
  .project-info table .project-content .content-right .ticket-type,
  .mallhome__selector__line__container__text--selected,
  .mallhome__selector__line__container__text:hover,
  .mallhome__list__card__price__unit,
  .mallhome__list__card__price__value,
  .malldetail__info__detail__line--price .malldetail__info__detail__line__value__unit,
  .malldetail__info__detail__line--price .malldetail__info__detail__line__value__text,
  .malldetail__info__detailinfo__tabs__tab--selected {
    color: var(--c-accent) !important;
  }
  .selector-wrapper .city-selector-wrapper,
  .selector-wrapper .type-selector-wrapper,
  .selector-wrapper .more-city-letter-list,
  .selectable-option.active:before,
  .whole-detail-info-wrapper .detail-info-wrapper .vuene-wrapper,
  .replies-comment-input-wrapper .replies-upload .replies-uploading-container .replies-uploading-btn,
  .confirmorder-container .discounts .discounts-list p,
  .project-info,
  .confirmorder-container .discounts,
  .selectable-option,
  .mallhome__selector__line {
    border-color: var(--c-border) !important;
  }
  .selectable-option.active,
  .malldetail__info__items__item--selected {
    border-color: var(--c-accent) !important;
  }
  .replies-comment-input-wrapper .replies-upload .replies-uploading-container {
    border: 1px solid var(--c-border);
  }
  .selector-wrapper,
  .nav-header-wrapper,
  .header {
    border-bottom: 1px solid var(--c-border);
  }
  .selectable-option.active:after {
    border-color: transparent transparent var(--c-accent) !important;
  }
  .activity-info,
  .ticket-tips-wrapper .ticket-tips,
  .announcement-wrapper,
  .guest-wrapper {
    border: 0 !important;
  }
  .toolbar-wrapper,
  .selector-wrapper,
  .project-list .project-list-item,
  .project-list .project-list-item .project-list-item-img,
  .selectable-option.active,
  .buyticket .product-buy,
  .product-buy-wrapper .promo-btn,
  .tabs-wrapper,
  .confirmorder-container,
  .confirmorder-container .confirm-bottom .confirm-paybtn.active,
  .ticket-tips-wrapper .rec-item:hover,
  .nav-header-wrapper,
  .mallhome__list__card {
    box-shadow: none !important;
  }
  .buyticket .product-buy,
  .product-buy-wrapper .promo-btn,
  .confirmorder-container .confirm-bottom .confirm-paybtn.active,
  .malldetail__info__detailinfo__tabs__tab--selected,
  .mallhome__switch,
  .mallhome__switch__button,
  .showhome__switch,
  .showhome__switch__button {
    background-image: none !important;
  }
  .project-list .project-list-item .promo-item {
    padding: 2px 4px;
  }
  .replies-comment-input-wrapper.top-input-form .comment-input-form {
    flex: 1;
  }
  .selector-wrapper .toggle path {
    stroke: var(--c-accent) !important;
  }
  .nav-header-wrapper .nav-header .nav-header-search-bar {
    float: right;
  }
  .nav-header-wrapper .nav-header .nav-header-tv-icon {
    margin-left: 0 !important;
    width: 30px !important;
    height: 30px !important;
  }
  .pagination-wrapper {
    margin-bottom: 0;
    padding-bottom: 30px;
  }
  .detail-content-wrapper {
    flex-wrap: wrap;
  }
  .detail-content-wrapper .detail-content {
    order: 2;
    width: 100%;
  }
  .detail-content-wrapper .detail-content .activity-info,
  .detail-content-wrapper .detail-content .announcement-wrapper,
  .detail-content-wrapper .detail-content .guest-wrapper,
  .detail-content-wrapper .detail-content .comment-wrapper .comment {
    width: 100%;
  }
  .detail-content-wrapper .recommend-wrapper {
    order: 1;
    margin: 0;
    width: 100%;
  }
  .ticket-tips-wrapper .rec-list {
    display: flex;
    flex-wrap: wrap;
  }
  .ticket-tips-wrapper .rec-list .rec-item {
    flex: 1;
    padding: 18px 10px 13px;
    border: 0;
    background-color: transparent !important;
  }
  .ticket-tips-wrapper .rec-list .rec-item div {
    color: var(--c-text) !important;
  }
  .ticket-tips-wrapper .rec-list .rec-item .rec-item-banner {
    width: 100%;
    height: 125px;
  }
  .info-content img {
    display: block;
    margin: 20px auto;
  }
  .nav-header-wrapper .nav-header .user-panel,
  .header .right li.user-wrapper .avatar .detail {
    border: 1px solid var(--c-border);
    border-top-width: 0;
    background-color: var(--c-background) !important;
  }
  .nav-header-wrapper .nav-header .user-panel {
    right: -15px !important;
  }
  .nav-header-wrapper .nav-header .user-panel .user-uname,
  .nav-header-wrapper .nav-header .user-panel .panel-list {
    color: var(--c-title) !important;
    box-shadow: none !important;
  }
  .nav-header-wrapper .nav-header .user-panel .user-center-item:hover a {
    color: var(--c-accent) !important;
  }
  .nav-header-wrapper .nav-header .user-panel .login-out {
    border-top: 1px solid var(--c-border);
  }
  .nav-header-wrapper .nav-header .user-panel .login-out:hover {
    background-color: var(--c-hover) !important;
  }
  .nav-header-wrapper .nav-header .user-panel .login-out a {
    display: block;
  }
  .header .right li.user-wrapper .avatar .detail .level .total {
    background-color: var(--c-border) !important;
  }
  .header .right li.user-wrapper .avatar .detail .level .total:before {
    background-color: var(--c-accent) !important;
  }
  .header .right li.user-wrapper .avatar .detail .level .exp {
    background-color: var(--c-accent) !important;
  }
  .header .right li.user-wrapper .avatar .detail .logout {
    height: 42px !important;
    border-top: 1px solid var(--c-border);
    background-color: var(--c-hover) !important;
    text-align: center !important;
    line-height: 42px !important;
  }
  .header .right li.user-wrapper .avatar:hover .detail {
    height: 161px !important;
  }
}
@-moz-document domain("biligame.com"), url-prefix("https://game.bilibili.com/") {
  footer,
  .footer-public,
  .bui-sns-info,
  .g-title .btn .ic-gift {
    display: none !important;
  }
  .banner,
  .listing-ul li,
  .pagination a.backhome,
  .pagination select,
  .bili-comment-container,
  .pop-nav {
    background-color: var(--c-background) !important;
  }
  .nav-notice li,
  .nav-notice li.hover,
  .nav-notice li:hover,
  .game-more,
  a.listing-btn:hover,
  .listing-sort a:hover,
  .pagination a.backhome:hover,
  .gift-recommend .gift-box {
    background-color: var(--c-hover) !important;
  }
  .gift-recommend .gift-box .info .price-box .price-old:before {
    background-color: var(--c-border) !important;
  }
  #page .game,
  #page .game .game-box h4,
  .gift-recommend .gift-box .info .price-box em,
  .gift-all .gift-box .info .price-box em {
    background-color: transparent !important;
  }
  .listing-sort a.active,
  .gift-recommend .g-title h4:before,
  .gift-all .gift-box:hover {
    background-color: var(--c-accent) !important;
  }
  .listing-sort a.active {
    color: var(--c-white) !important;
  }
  #page .game .game-box dl dt {
    color: var(--c-accent) !important;
  }
  .nav-notice li,
  .banner-p a,
  .breadcrumb-item,
  a.listing-btn,
  .listing-sort a,
  .pagination a.backhome,
  .pagination select,
  .gift-all .gift-box {
    border-color: var(--c-border);
  }
  .nav-notice li.hover,
  .nav-notice li:hover,
  .banner-p h3,
  #page .game .game-box h4 span,
  a.listing-btn:hover,
  .listing-sort a.active,
  .listing-sort a:hover,
  .pagination a.backhome:hover,
  .banner-p a:hover {
    border-color: var(--c-accent);
  }
  .banner,
  #page .game .game-box,
  #page .game .game-box-1,
  #page .game .game-box-3,
  .game-box-others,
  .breadcrumb h2,
  .listing-ul li {
    border: 0;
  }
  .listing-ul li,
  .pop-nav {
    box-shadow: none;
  }
  #page .game .game-box {
    border-radius: 4px;
    background-color: var(--c-background);
    overflow: hidden;
  }
  .banner .slides-pagination {
    bottom: -1px;
    background-image: none;
    background-color: var(--c-bg-header);
    backdrop-filter: blur(5px);
  }
  .banner .slides-pagination li {
    border-radius: 50%;
    background-color: var(--c-scroll);
    background-image: none;
  }
  .banner .slides-pagination li.selected {
    background-color: var(--c-accent);
  }
  .nav-notice .clearfix {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .nav-notice .clearfix li {
    float: none;
    flex: 1;
    width: auto;
    transition: all 0.3s ease-in-out;
  }
  button,
  .btn {
    background-color: transparent !important;
    color: var(--c-title) !important;
  }
  button::after,
  .btn::after {
    content: none !important;
  }
}
@-moz-document url-prefix("https://wiki.biligame.com/") {
  .ref-tooltip-arrow:before {
    display: none !important;
  }
  .game-bg,
  .wiki-header .wiki-nav-celling,
  .wiki-header .wiki-nav .ul-menu-1 .li-menu-1 .ul-menu-2,
  .wiki-header .wiki-nav .ul-menu-1 .li-menu-1 .ul-menu-2 .li-menu-2 .ul-menu-3,
  .vectorMenu .menu,
  .ref-tooltip-text,
  .wiki-header .wiki-nav.wiki-nav-celling {
    background-color: var(--c-background) !important;
  }
  .wiki-header .wiki-nav .ul-menu-1 .li-menu-1:hover,
  #simpleSearch1 #mw-searchButton,
  #searchform,
  .game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt,
  .game-card-button-rt,
  #siteNotice #localNotice,
  #siteNotice .globalNotice,
  .page-MediaWiki_Sitenotice .mw-content-ltr,
  div.thumbinner,
  .toc,
  .mw-warning,
  .toccolours,
  code,
  li.gallerybox div.thumb,
  .loadbox-navbox,
  .catlinks,
  .mw-ui-checkbox:not(#noop) [type='checkbox'] + label:before,
  .vectorMenu li a:hover {
    background-color: var(--c-hover) !important;
  }
  .wiki-header,
  .wiki-header .wiki-nav .nav-search-box,
  #simpleSearch1,
  #simpleSearch1 #searchDelete,
  #simpleSearch1 #searchInput,
  #simpleSearch1 #searchButton,
  .sidebar-card,
  #content .loadbox-navbox > p,
  .fp-section,
  .wiki-header .wiki-nav,
  .home-box-bbc {
    background-color: transparent !important;
  }
  .carousel.big-carousel .carousel-indicators li.active,
  .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked + label:before {
    background-color: var(--c-accent) !important;
  }
  h2 span,
  code,
  .title-1,
  .update-log a {
    color: var(--c-title) !important;
  }
  .game-aggregation-wrap .other-game-list-item .game-name,
  .box-zt {
    color: var(--c-text) !important;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  table,
  code,
  .wiki-header .wiki-nav .ul-menu-1 .li-menu-1,
  .carousel.big-carousel .carousel-indicators li,
  .carousel.big-carousel .carousel-indicators li.active,
  #siteNotice #localNotice,
  #siteNotice .globalNotice,
  .page-MediaWiki_Sitenotice .mw-content-ltr,
  div.thumbinner,
  li.gallerybox div.thumb,
  .loadbox-navbox,
  .toc,
  .mw-warning,
  .toccolours,
  .catlinks,
  .ref-tooltip-text,
  .mw-ui-checkbox:not(#noop) [type='checkbox'] + label:before,
  .fp-section {
    border-color: var(--c-border) !important;
  }
  .carousel.big-carousel .carousel-indicators li.active,
  .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked + label:before {
    border-color: var(--c-accent) !important;
  }
  .caret,
  .ref-tooltip-arrow,
  .ref-tooltip-arrow:before,
  .ref-tooltip-arrow:after {
    border-top-color: var(--c-border) !important;
  }
  .ref-tooltip-arrow:after {
    border-top-color: var(--c-background) !important;
  }
  .home-box-n,
  .home-box-bbc,
  .wiki-header .wiki-nav .ul-menu-1 .li-menu-1 .ul-menu-2 .li-menu-2 .ul-menu-3 {
    border: 0 !important;
  }
  .wiki-header .wiki-nav .ul-menu-1 .li-menu-1,
  .wiki-header .wiki-nav .nav-search-box {
    border-bottom-width: 0 !important;
  }
  .wiki-header .wiki-nav,
  .wiki-header .wiki-nav .ul-menu-1 .li-menu-1 .ul-menu-2,
  .wiki-header .wiki-nav .ul-menu-1 .li-menu-1 .ul-menu-2 .li-menu-2 .ul-menu-3,
  .vectorMenu .menu {
    border: 1px solid var(--c-border);
  }
  .wiki-header .wiki-nav .form-box {
    border-left: 1px solid var(--c-border);
  }
  .wiki-header .wiki-nav .ul-menu-1 .li-menu-1 .ul-menu-2,
  .wiki-header .wiki-nav .ul-menu-1 .li-menu-1 .ul-menu-2 .li-menu-2 .ul-menu-3 {
    border-top-width: 0;
  }
  .mw-ui-input {
    box-shadow: none;
  }
  .title-1 {
    background-image: none;
  }
  .game-bg {
    margin-bottom: 0;
  }
}
@-moz-document url-prefix("https://www.bilibili.com/watchlater") {
  .bili-footer,
  .video-info-module .number .u i,
  .video-toolbar-module .share-box:hover:after,
  .video-toolbar-module .app-box:hover::after {
    display: none !important;
  }
  .bili-dialog .con .btn-close::after,
  .bili-dialog .con .btn-close::before {
    background-color: var(--c-text) !important;
  }
  .bili-dialog .con .btn-close,
  .up-info-module,
  .video-box-module,
  .video-toolbar-module,
  .player-auxiliary-area .player-auxiliary-collapse-playlist .bui-collapse-body,
  .video-toolbar-module .share-box:hover,
  .video-toolbar-module .app-box:hover {
    background-color: transparent !important;
  }
  .bili-dialog .con .btn-close:hover::after,
  .bili-dialog .con .btn-close:hover::before {
    background-color: var(--c-accent) !important;
  }
  .watch-later-list header .t,
  .watch-later-list .list-box .av-item .key,
  .also-like .also-like__title,
  .video-toolbar-module .share-box .s-text .t {
    color: var(--c-title) !important;
  }
  .video-info-module .tm-info time,
  .video-desc .reprint,
  .video-toolbar-module .share-box .s-text .icon {
    color: var(--c-text) !important;
  }
  .watch-later-list .list-box .av-item .av-about,
  .bili-dialog .con header,
  .video-info-module .number .line,
  .video-tag,
  .video-desc,
  .video-toolbar-module .tb-line,
  .video-toolbar-module .share-box .share-popup .or-code {
    border-color: var(--c-border) !important;
  }
  .video-box-module,
  .video-toolbar-module,
  .video-toolbar-module .share-box:hover,
  .video-toolbar-module .app-box:hover {
    border: 0;
  }
  .video-toolbar-module .share-box:hover,
  .video-toolbar-module .app-box:hover {
    box-shadow: none;
  }
  .video-info-module .tm-info {
    margin: 10px 0;
  }
  .watch-later-list .list-box .av-item .av-about .info .state .btn-del:hover {
    background-position: -408px -1047px;
  }
  .video-toolbar-module .share-box .share-btn ul li {
    background-position-y: -76px !important;
  }
  .watch-later-list header .t em {
    background-color: transparent !important;
    color: var(--c-text) !important;
  }
  .up-info-module .btn {
    border-radius: 4px;
    overflow: hidden;
  }
  .up-info-module .btn.followed .b-gz {
    width: 100%;
    border: 0;
    background-color: transparent;
  }
}
@-moz-document url-prefix("https://www.bilibili.com/ranking/"), url-prefix("https://www.bilibili.com/v/popular/") {
  .more-data i,
  .cm-module {
    display: none !important;
  }
  .video-card .weekly-hint,
  .video-card .history-hint {
    background-color: var(--c-hover) !important;
  }
  .rank-tab-wrap,
  .rank-list-head .rank_tips {
    background-color: transparent !important;
  }
  .rank-tab-wrap .rank-tab--active {
    background-color: var(--c-accent) !important;
  }
  .rank-item .num,
  .video-card .video-name {
    color: var(--c-title) !important;
  }
  .rank-item .content .info .pts {
    color: var(--c-text) !important;
  }
  .rank-tab-wrap .rank-tab--active {
    color: var(--c-white) !important;
  }
  .rank-menu li.active .text,
  .rank-menu li:hover .text,
  .rank-tab-wrap .rank-tab .active,
  .rank-tab-wrap .rank-tab li:hover,
  .rank-item .content .info .pts div,
  .rank-item .content .info:hover .title,
  .other strong,
  .rank-main-container a:hover,
  .rank-list .rank-item .content .info:hover .title {
    color: var(--c-accent) !important;
  }
  .rank-item,
  .other,
  .nav-tabs,
  .nav-tabs__item {
    border-color: var(--c-border) !important;
  }
  .rank-menu li.active,
  .nav-tabs__item--active {
    border-color: var(--c-accent) !important;
  }
  .rank-item:last-child {
    border: 0;
  }
  .rank-item:hover,
  .rank-list .rank-item:hover {
    box-shadow: none;
  }
  .go-top-m .go-top {
    background-position: -714px -72px;
  }
  .rank-list-wrap .rank-list {
    border-radius: 4px;
    background-color: var(--c-background);
  }
  .main-inner .rank-container {
    margin-bottom: 0;
    padding-bottom: 40px;
  }
  #app {
    margin: 0 auto !important;
  }
}
@-moz-document url-prefix("https://www.bilibili.com/cheese") {
  .time-line-wrapper .line .point-wrapper,
  .backTop-item,
  .backTop-slide,
  .buyListBar-showContent,
  .officialAccount-showContent {
    background-color: var(--c-background) !important;
  }
  .nav-wrapper {
    background-color: var(--c-hover) !important;
  }
  .time-line-wrapper .line,
  .time-line-wrapper .line .point {
    background-color: var(--c-border) !important;
  }
  .backTop-item:hover {
    background-color: var(--c-accent) !important;
  }
  .block-title {
    color: var(--c-title) !important;
  }
  .block-page-progress,
  .block-list-item-desc,
  .block-list-item-price.origin,
  .time-line-wrapper .time {
    color: var(--c-text) !important;
  }
  .backTop-item:hover .buyListBar-desc--txt,
  .backTop-item:hover .officialAccount-desc--txt {
    color: var(--c-white) !important;
  }
  .block-list-item-price .price-pre,
  .myClassroom:hover,
  .nav .item:hover p {
    color: var(--c-accent) !important;
  }
  .backTop-item {
    border-color: var(--c-border) !important;
  }
  .backTop-item:hover {
    border-color: var(--c-accent) !important;
  }
  .buyListBar,
  .officialAccount {
    border: 1px solid var(--c-border);
  }
  .slider-wrapper .slider-content {
    margin: -10px;
    padding: 10px;
    border-radius: 4px;
    background-color: var(--c-background) !important;
  }
  .block-list .slider-contro .slider-next,
  .block-list .slider-contro .slider-prev {
    border-radius: 50%;
    background-color: var(--c-hover) !important;
  }
  .backTop-item .go-top {
    border: 0;
    background-color: transparent !important;
    color: var(--c-title) !important;
  }
  .backTop-item .go-top::after {
    content: none !important;
  }
  .v-wrap .r-con .notice {
    background-color: var(--c-background) !important;
  }
  .v-wrap .r-con .notice .right.canReceive,
  .season-tabs .tabs a.on {
    color: var(--c-accent) !important;
  }
  .season-info,
  .season-tabs .tabs,
  .season-detail .content-img,
  .season-detail .faq.faq,
  .season-detail .note.faq {
    border-color: var(--c-border) !important;
  }
  .season-tabs .tabs a.on {
    border-color: var(--c-accent) !important;
  }
  .v-wrap .r-con .notice {
    border: 1px solid var(--c-border);
  }
  .bb-comment {
    padding: 10px;
    border-radius: 4px;
    background-color: var(--c-background) !important;
  }
}
@-moz-document url-prefix("https://www.bilibili.com/v/cheese/") {
  .bili-header-m .nav-search-box {
    display: none;
  }
  .tickets .nav {
    background-color: var(--c-background) !important;
  }
  .wrap .left .tabbar .router-link-active,
  .wrap .left .tabbar .tab_item:hover {
    background-color: var(--c-hover) !important;
  }
  .wrap {
    background-color: transparent !important;
  }
  .tickets .nav .navtab {
    color: var(--c-title) !important;
  }
  .paid .invalid .invalid_word,
  .exchange .rule .rule_desc {
    color: var(--c-text) !important;
  }
  .wrap .left .tabbar .router-link-active,
  .tickets .nav .navtab_active,
  .tickets .nav .navtab:hover {
    color: var(--c-accent) !important;
  }
  .wrap,
  .wrap .right {
    border: 0 !important;
  }
  .wrap .left .tabbar .tab_item {
    border-radius: 10px;
  }
  .wrap .left .tabbar {
    margin-top: 100px;
  }
}
